FullStack-Practicals/index.html at master · Trivenk/FullStack-Practicals · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Practical 4</title>
  </head>
  <body style="background-color: rgb(235, 225, 213)">
    <h1>Welcome to Live Practical Book</h1>
    <p>
      This is Live Practical Book for the Subject Fullstack Web Development-1.
      In this book we are performing all the practicals related to Front-end web
      development including topics from HTML, CSS, JS and Bootstrap. This book
      is hosted on Github cloud platform. You can view all the practicals from
      this Book.
    </p>
    <h1 style="color: green">List of Practicals</h1>
    <p>
      1. Create a Web page including HTML basic skeleton using Offline HTML
      Editor and Online Sandbox Environment
      <a href="./Practicals/practical1.html">Practical 1</a>
    </p>
    <p>
      2. Create a web page showing a basic html structure using character
      Entities and span Tag.
      <a href="./Practicals/practical2.html">Practical 2</a>
    </p>
    <p>
      3. Live your First Web-Page on Git-Hub.
      <a href="./Practicals/practical3.html">Practical 3</a>
    </p>
    <p>
      4. Create a website having list of all practical and their individual
      practical Page links <a href="./index.html">Practical-4</a>
    </p>
    <p>
      5. Create a Web-Page showing the use of Image-Map in the Web Application
      <a href="./Practicals/practical5.html">Practical-5</a>
    </p>
    <p>
      6. Create a Card Layout using CSS layout properties
      <a href="./Practicals/practical6.html">Practical-6</a>
    </p>
    <p>
      7. Web Page Layout <a href="./Practicals/practical7.html">Practical-7</a>
    </p>
    <p>
      8. Create a Web Page having Fixed Navigation Bar with content
      <a href="./Practicals/practical8.html">Practical-8</a>
    </p>
    <p>
      9. Create a Responsive Web Page having Fixed Navigation Bar with content
      <a href="./Practicals/practical9.html">Practical-9</a>
    </p>
    <p>
      10. Create a Responsive Web Page having side Navigation Bar with content
      <a href="./Practicals/practical10.html">Practical-10</a>
    </p>
    <p>
      11. Create a Responsive Footer
      <a href="./Practicals/practical10.html">Practical-11</a>
    </p>
    <p>
      12. Create a table that represents a live practical book.<a
        href="./Practicals/practical12.html"
        >Practical-12</a
      >
    </p>
    <p>
      13. Create a table that select your plan.<a
        href="./Practicals/practical13.html"
        >Practical-13</a
      >
    </p>
    <p>
      14. Create a counter using JavaScript.<a
        href="./Practicals/practical14.html"
        >Practical-14</a
      >
    </p>
    <p>
      15. Create a Create Account page<a
        href="./Practicals/practical15.html"
        >Practical-14</a
      >
    </p>
  </body>
</html>