Skip to content

Commit d414e74

Browse files
CodeWithHarryCodeWithHarry
committed
Video 40 Completed
1 parent 304a220 commit d414e74

File tree

1 file changed

+106
-0
lines changed

1 file changed

+106
-0
lines changed

‎Video 40/index.html

+106
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,106 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>Layout</title>
8+
<style>
9+
* {
10+
margin: 0;
11+
padding: 0;
12+
}
13+
14+
header {
15+
position: sticky;
16+
top: 0;
17+
}
18+
19+
nav {
20+
background-color: pink;
21+
height: 83px;
22+
}
23+
24+
main {
25+
background-color: black;
26+
color: white;
27+
padding: 34px;
28+
}
29+
30+
.container {
31+
background-color: green;
32+
margin: 12px 34px;
33+
padding: 55px 23px;
34+
text-align: center;
35+
}
36+
37+
.box1 {
38+
background-color: palevioletred;
39+
height: 70vh;
40+
width: 45%;
41+
display: inline-block;
42+
margin: 0 12px;
43+
}
44+
45+
.box2 {
46+
background-color: blue;
47+
height: 70vh;
48+
width: 45%;
49+
display: inline-block;
50+
margin: 0 12px;
51+
}
52+
53+
.text-box {
54+
padding: 34px;
55+
border: 2px solid white;
56+
margin: 50px 34vw;
57+
font-size: 2em;
58+
border-radius: 13px;
59+
60+
}
61+
62+
.orange-box {
63+
height: 32px;
64+
width: 32px;
65+
background: orange;
66+
position: fixed;
67+
bottom: 12px;
68+
right: 23px;
69+
border-radius: 60px;
70+
}
71+
72+
footer {
73+
height: 100px;
74+
background-color: bisque;
75+
}
76+
</style>
77+
</head>
78+
79+
<body>
80+
<header>
81+
<nav>
82+
83+
</nav>
84+
</header>
85+
86+
<main>
87+
<div class="container">
88+
<div class="box1"></div>
89+
<div class="box2"></div>
90+
</div>
91+
92+
<div class="text-box">
93+
<p>Welcome to Sigma Web Development Express</p>
94+
</div>
95+
96+
<div class="orange-box">
97+
98+
</div>
99+
</main>
100+
101+
<footer>
102+
103+
</footer>
104+
</body>
105+
106+
</html>

0 commit comments

Comments
 (0)