fullstack_lab1/index.html at master · Aryan7895/fullstack_lab1 · 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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Pratical-1 Assignment</title>
    <style>
        #style {
            color: green;

        }

        .center {
            display: block;
            margin-left: auto;
            margin-right: auto;
            width: 70%
        }
    </style>
</head>

<body style="background-color:rgb(241, 207, 112);">

    <h1 id="style">
        Welcome to Fullstack Course
    </h1>
    <h2>About Course</h2>
    <p>
        Everything you have ever seen on the web is considered ‘front end’. Front end is what we see when we open a web
        page or app. Code is downloaded from a server and is rendered to the screen by a web browser. What happens when
        we interact with the code is also considered front end. This is often referred to as the ‘Presentation Layer’ or
        ‘Client’ in software development terms.

        The front end is built out of three languages: HTML, CSS, and JavaScript. HTML allows us to put content on our
        page: text, headers, images, buttons, links, and etc. CSS is used to style our page. It allows the contents to
        have different text colors, background colors, as well as dealing with the positioning of the content on the
        page. JavaScript makes our page dynamic.
    </p>
    <h1 id="style">
        List of Practicals
    </h1>
    <p>1. Pratical-1 Create a Web page including HTML basic skeleton using Offline HTML Editor and Online
        Sandbox Environmnent. <a href="html/practical-1.html">Practical-1</a></p>
    <p></p>2. Pratical-2 Live your First Web-Page on Git-Hub. <a href="html/practical-2.html">Pratical-2</a></p>
    <p>3. Practical-3: Create a webpage showing a basic html structure using character Entities and span Tag. <a
            href="html/practical-3.html">Practical-3</a></p>
    <p>4. Create a website having list of all practicals and their individual pratical Page links. <a
            href="html/practical-4.html" target="_blank">Practical-4</a></p>
    <p>5. Practical-5: Create a Web-Page showing the use of Image-Map in the Web Application.<a href="html/practical-5.html" target="blank">Practical-5</a>
        <p>6. Practical-6: Create a Web-Page showing the use of float in the Web Application.<a href="html/practical-6.html" target="blank">Practical-6</a>
    </p>
    <p>7. Practical-7: Create a layout in the Web Application.<a href="html/practical-7.html" target="blank">Practical-7</a>
    </p>
    <p>8. Practical-8: Create a webpage having a fixed navigation bar with the given content <a href="html/practical-8.html" target="blank">Practical-8</a></p>
    <p>9. Practical-9: Adding responsiveness in the Web Application.<a href="html/practical-9.html" target="blank">Practical-9</a>
    </p>
    <p>10. Practical-10: Responsive side bar navigation menu.<a href="html/practical-10.html" target="blank">Practical-10</a>
    </p>
    <p>11. Practical-10: Table in html<a href="html/practical-11.html" target="blank">Practical-11</a>
    </p>
    <p>12. Practical-12: Table in html.<a href="html/practical-12.html" target="blank">Practical-12</a>
    </p>
    <p>14. Practical-14: forms in html.<a href="html/practical-14.html" target="blank">Practical-14</a>
    </p>
    <p>15. Practical-15: counter in javascript.<a href="html/practical-15.html" target="blank">Practical-15</a>
    </p>
    <p>16. Practical-16: todo list in javascript.<a href="html/practical-16.html" target="blank">Practical-16</a>
    </p>
    <p>17. Practical-17: live clock in javascript.<a href="html/practical-17.html" target="blank">Practical-17</a>
    </p>
    <p>18. Practical-18: form using regex .<a href="html/practical-18.html" target="blank">Practical-18</a>
    </p>
    <p>20. Practical-20:.<a href="html/practical-20.html" target="blank">Practical-20</a>
    </p>
</body>

</html>