FullStack2020/index.html at master · jeeveshgangw/FullStack2020 · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>index page</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <h1 style="color:darkblue">Welcome to Fullstack Course</h1>
    <h2>About Course</h2>
    <p>Front-end web development is everything invovled in programming the user interface of a web application.
        Typlically it refers to the HyperText Markup Language(HTML),Cascading Style Sheet(CSS) and JavaScript
        portion of web site production as opposed to the database or sever-side programming. It encompasses everything
        from building a simple page of HTML text to creating, responsive HTML5 designed to be accessed via various
        different browsers,devices and screen sizes.
    </p>
    <h1 style="color: darkblue">List of Practicals</h1>
    <ol>
        <li>Create a web page including HTML basic skeleton using Offline HTML editor and Online Sandbox environment.
         <a href="practical-1.html" target="_blank">Practical-1</a>
        </li>
        <li>Live your First Web-Page on Git-Hub.<a href="practical-2.html" target="_blank">Practical-2</a></li>
        <li>Create a web page showing basic structure html structure using character Entities and span Tag.<a href="practical-3.html" target="_blank">Practical-3</a></li>
        <li>Create a website Having list of all praticals and their individual pratical Page links.<a href="practical-4.html">Practical-4</a></li>
        <li>Create a Web-Page showing the use of Image-Map in the Web Application.<a href="practical-5.html" target="_blank">Practical-5</a></li>
        <li>Create following layout using css layout properties.<a href="practical-6.html" target="_blank">Practical-6</a></li>
        <li>Create only the layout, without content and responsiveness.<a href="practical-7.html" target="_blank">Practical-7</a></li>
        <li>Create a Web Page having Fixed Navigation Bar with the given content.<a href="practical-8.html" target="_blank">Practical-8</a></li>
        <li>Create a Responsive Web Layout with Responsive Navigation Bar.<a href="practical-9.html" target="_blank">Practical-9</a></li>
        <li>Create a Responsive Side-Bar Navigation Menu.<a href="practical-10.html" target="_blank">Practical-10</a></li>
        <li>Create a Table that represent Live Practical Book Records.<a href="practical-11.html" target="_blank">Practical-11</a></li>
        <li>Create a Custom Price Table Template<a href="practical-12.html" target="_blank">Practical-12</a></li>
        <li>Create a Responsive Footer Template.<a href="practical-13.html" target="_blank">Practical-13</a></li>
        <li>Create Login Form with different Templates.<a href="practical-14.html" target="_blank">Practical-14</a></li>
        <li>Create a Counter Page using JavaScript<a href="practical-15.html" target="_blank">Practical-15</a></li>
        <li>Create a To-do List using JavaScript<a href="practical-16.html" target="_blank">Practical-16</a></li>
        <li>Create a Page with Live Clock with Dynamic Greeting Background and Data Stored in Browser Local Storage<a href="live-clock/live-clock.html" target="_blank">Practical-17</a></li>
        <li>Create an HTML Form and Validate it with Javascript (Client-side Programming Language).<a href="form-JS/form.html" target="_blank">Practical-18</a></li>
        <li>Create an HTML page with Multi-Step Form.<a href="practical-19/forms.html" target="_blank">Practical-19</a></li>
        <li>Create a Responsive Layout using Bootstrap Grid System. <a href="practical-20/layout.html" target="_blank">Practical-20</a></li>
    </ol>
</body>
</html>