-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
120 lines (114 loc) · 5.02 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>AcmeWebDesign</title>
<link rel="stylesheet" href="main.css">
</head>
<body>
<div class="navbar">
<div class="brand">Acme<span>Web</span>Design</div>
<div class="nav">
<a href="#"><span class="home">HOME</span></a>
<a href="#">SERVICES</a>
<a href="#">ABOUT US</a>
<a href="#">CONTACT US</a>
<a href="#">SIGN</a>
</div>
</div>
<div class="top-section">
<div class="header-text">
<h2>Welcome to AcmeWebDesign</h2>
<h3>Creativity | Inspire | Build</h3>
</div>
</div>
<div class="about">
<div>
<p class="text">Who We Are</p>
<div class="middle">
<div class="tool">
<img src='img/Tool.png' alt="Tool">
</div>
<div class="paragraph">
<p class="center">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Repellat, hic.
Voluptatum asperiores
necessitatibus laborum distinctio nesciunt. Quidem, quod quos. Placeat, minima eveniet possimus
ex libero asperiores suscipit amet sunt, inventore eum consequatur neque adipisci in repellendus
consequuntur? Commodi exercitationem, laborum labore soluta consequuntur voluptate accusamus
unde quidem facere iure impedit?</p>
<a href="#" class="btn">Learn More...</a>
</div>
</div>
</div>
</div>
<div class="services">
<div>
<p class="text">What We Do</p>
<div class="semi-middle">
<div class="web">
<img src="img/Web_Design.png" alt="Web_Design">
<div class="top">
<p class="design">Web Design</p>
<p class="short">Lorem ipsum dolor sit amet consectetur adipisicing elit. Consectetur, delectus.
</p>
<a href="#" class="btn">Learn More</a>
</div>
</div>
<div class="web">
<img src="img/Cloud.png" alt="Cloud">
<div class="top">
<p class="design">Web Hosting</p>
<p class="short">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet, explicabo.
</p>
<a href="#" class="btn">Learn More</a>
</div>
</div>
<div class="web">
<img src="img/Tool.png" alt="Tool">
<div class="top">
<p class="design">Web Maintainence</p>
<p class="short">Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus, qui!</p>
<a href="#" class="btn">Learn More</a>
</div>
</div>
</div>
</div>
</div>
<div class="newsletter">
<div class="news">
<p>Subscribe To Our Newsletter</p>
</div>
<div class="input">
<input type="email" name="" id="input-item" placeholder="Enter your email"><span class="subscribe"><input type="button" name="" id="" value="Subcribe"></span>
</div>
</div>
<div class="last">
<div>
<p class="text">Get In Touch</p>
</div>
<div class="end">
<div class="info">
<input type="text" class='details' name="" id="" placeholder="Name">
<input type="text" class='details' name="" id="" placeholder="Email Address">
<input type="text" class='details' name="" id="" placeholder="Subject">
<textarea name="" id="" cols="30" rows="10" placeholder="Write to us..."></textarea>
<p><button class="send">Send</button></p>
</div>
<div class="address">
<p class="field">Your Address goes here. Fill in the empty space</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci exercitationem dignissimos beatae,
porro reprehenderit facere blanditiis deleniti, officia rem omnis aliquam tempore id doloremque,
praesentium voluptatem minus distinctio numquam excepturi eum! Minus optio ut quibusdam asperiores
incidunt, pariatur ipsum vitae sit ea ullam. Facilis hic eum, enim explicabo nesciunt tempora.</p>
</div>
</div>
</div>
<div class="footer">
<div class="bithub">Designed by <span class="home">Johnson Chidera</span></div>
<div class="bithub">Copyright©2019</div>
<div class="bithub">Powered by <span class="home">Bithub</span></div>
</div>
</body>
</html>