html-lab-01b/Index.html at main · muntherabdlrahman/html-lab-01b · 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
<!DOCTYPE html>
 <html>
   <head>

        <title>Class 1 Lab</title>

        <style  >
        h1 {
            background-color:burlywood;
            font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
            font-style: italic;
            text-align: center;
           }
         </style>


</head>


 <body>


     <main>
     <H1>Class 1 Lab </H1>
     <nav>
        <UL>
            <li>
                <a style="background: chocolate ;
                text-align: left;font-family: Georgia, 'Times New Roman', Times, serif;text-decoration: none;" href="#">Home</a>
                <a style="background: cornflowerblue;
                text-align: center;font-family: Georgia, 'Times New Roman', Times, serif;text-decoration: none;" href="#">About Us</a>
                <a style="background: darkorchid;
                text-align: right;font-family: Georgia, 'Times New Roman', Times, serif;text-decoration: none;" href="#">Contact Us</a>

            </li>
        </UL>

    </nav>


     <p style="background: border-box;background-color: rgb(29, 236, 236);" >What was your Bachelors feild in the university?</p>
      <p style="background-color: cadetblue;background: border-box;">When did you finish your studies?</p>
       <p style="background: border-box;background-color: darkslateblue;" >From How many years did you Graduated?</p>
       <p style="background-color: darkseagreen;background: border-box;" >What is your favorite subject did you got in university?</p>
       <p style="background: border-box;background-color: lightpink;" >Did you miss your uinversity ?</p>


     </main>


     <P  id="f"  style="background-color: red;
     text-align: center;"> yourAnswer </P>

<script src="App.js" ></script>


<P  id="f"  style="background-color:orangered;
 text-align: center;"> Have a good day :) </P>

<footer style="font-family: 'Times New Roman', Times, serif;background-color: yellowgreen; text-align: center;"  >

    &copy;IndexHtml-learning2021
</footer>


</body>

</html>