HTMLProjects/temp.html at master · muhammadmisbah/HTMLProjects · 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
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
<!DOCTYPE html>
    <html>
        <head>
            <style type="text/css">
            body {
                background :#9E9E61;
                margin-top:120px;
                    font-family:Comic Sans MS;
}

            }
                div.container {
                    width: 80%;
                    margin: 0 auto;
                    padding: 0 auto;

                }
                header, footer {
                    margin:0 auto;
                    width:900px;
                    background-color:  #B2B24C;
                    text-align: center;
                    height: 55px;
                    font-family:Comic Sans MS;
                    background-image: url("p.jpg");
                    background-size: 100%;

                }
                header {
                    height:100px;


                }
                section {
                    width: 300px;
                    height: 500px;
                    background-color: #775454;
                    float:left;
                    text-align:center;

                }
                aside {
                    width: 600px;
                    height: 500px;
                    background-color:#D68F66;
                    float:right;

                }
                #h3s {
                    margin-top:50px;
                    font-size:24px;
                    color:#8CB500;
                }
               ul {
                   margin:20px ;
                   margin-top:50px ;
               }
               li {
                   margin: 20px;
               }
                #h1h {
                    margin: 0 auto;
                    margin-left :20px;
                    padding-top:25px;
                    text-shadow:6px 6px 15px #056B94;
                    letter-spacing: 5px;
                    font-size: 40px;
                }
                #d {
                  width:900px;
                  margin: 0 auto;
                }
                .clr {
                    clear:both;
                }
                #h1s1 {
                        color:;
                }
                #h1s2 {
                        color:;
                }
                #h1s3 {
                        color: ;
                }
            </style>
        </head>

            <body>

                <div class="container">

                    <header>

                            <h1 id="h1h">
                               <span id="h1s1"> Some</span><span id="h1s2"> Famous</span><span id="h1s3"> Painters</span>
                            </h1>

                    </header>

                    <div id="d">

                    <section>

                        <h3 id="h3s"> Painters of The World   </h3>

                        <ul align="left">
                            <li><a href="#"> Leonardo Da Vinci  </a> </li>
                            <li><a href="#">  Vincent van Gogh </a> </li>
                            <li><a href="#"> Pablo Picasso   </a> </li>
                        </ul>

                    </section>
                    <aside>
                        side bar
                    </aside>
                    </div>

                    <div class="clr"></div>

                    <footer>
                        drgbhdrhbg
                    </footer>
                </div>
            </body>
    </html>