-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
137 lines (128 loc) · 5.23 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
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
<!DOCTYPE html>
<html lang="en">
<head>
<title>Vezba 25.11.</title>
<meta charset="UTF-8">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="Dina Shantina">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link href="style.css" rel="stylesheet" />
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU"
crossorigin="anonymous">
</head>
<body>
<nav class="bg">
<p><a class="navgation" href="index.html">Logo</a></p>
<ul>
<li><a href="">ABOUT</a></li>
<li><a href="">SERVICES</a></li>
<li><a href="">CONTACT</a></li>
</ul>
</nav>
<div class="content1 bg">
<p>Company</p>
<p>We specialzed in Front-End</p>
<input type="text" placeholder="Email Address">
<button>Subscribe</button>
</div>
<div class="content2">
<div class="left">
<h3>ABOUT COMPANY PAGE</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum temporibus quasi hic molestias iusto,
architecto ipsum sed rem ratione voluptatem porro, in accusantium reiciendis rerum, incidunt quia cum!
Vel,
error.</p>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Repellendus nobis temporibus rerum laboriosam
perferendis, nam tempore ipsa facilis dolores deleniti pariatur cum suscipit inventore autem
repudiandae.
Sed eveniet ullam at!
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Repellendus nobis temporibus rerum laboriosam
perferendis, nam tempore ipsa facilis dolores deleniti pariatur cum suscipit inventore autem
repudiandae.
Sed eveniet ullam at!</p>
<button>Get in Touch</button>
</div>
<div class="font">
<i class="fas fa-signal fa-10x"></i>
</div>
</div>
<div class="content3">
<div class="font2">
<i class="fas fa-globe-americas fa-10x font1"></i>
</div>
<div class="left left1">
<h3>OUR VALUE</h3>
<p>MISSION: Our mission Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam vitae quis nostrum
sed, consequatur corporis est rerum architecto, molestias deleniti ipsum ratione hic voluptatum
perspiciatis, ut temporibus eveniet repudiandae veritatis!</p>
<p>Vision: Our vision Lorem ipsum, dolor sit amet consectetur adipisicing elit. Repellendus nobis
temporibus rerum laboriosam
perferendis, nam tempore ipsa facilis dolores deleniti pariatur cum suscipit inventore autem
repudiandae.
Sed eveniet ullam at!
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Repellendus nobis temporibus rerum laboriosam
perferendis, nam tempore ipsa facilis dolores deleniti pariatur cum suscipit inventore autem
repudiandae.
Sed eveniet ullam at!</p>
</div>
</div>
<div class="content4">
<div class="sevices">
<h4>SERVICES</h4>
<p>What we offer</p>
</div>
<div class="boxIcon">
<i class="fas fa-power-off fa-3x"></i>
<p>POWER</p>
<p>Lorem ipsum dolor sit amet.</p>
</div>
<div class="boxIcon">
<i class="fas fa-heart fa-3x"></i>
<p>LOVE</p>
<p>Lorem ipsum dolor sit amet.</p>
</div>
<div class="boxIcon">
<i class="fas fa-briefcase fa-3x"></i>
<p>POWER</p>
<p>Lorem ipsum dolor sit amet.</p>
</div>
<div class="boxIcon">
<i class="fas fa-leaf fa-3x"></i>
<p>GREEN</p>
<p>Lorem ipsum dolor sit amet.</p>
</div>
<div class="boxIcon">
<i class="fas fa-certificate fa-3x"></i>
<p>CERTIFIED</p>
<p>Lorem ipsum dolor sit amet.</p>
</div>
<div class="boxIcon">
<i class="fas fa-wrench fa-3x"></i>
<p>HARD WORK</p>
<p>Lorem ipsum dolor sit amet.</p>
</div>
</div>
<div class="content5">
<div class="contact">
<p>Contact us and we'll get back to you within 24 hour</p>
<p><i class="fas fa-map-marker-alt"></i> Chicago, US </p>
<p><i class="fas fa-mobile-alt"></i> +00 15 15 15 15 </p>
<p><i class="fas fa-envelope"></i> [email protected]</p>
</div>
<div class="forma">
<form>
<input type="text" placeholder="Name">
<input type="text" placeholder="Email">
<textarea rows="8" cols="103" name="comment" placeholder="Comment"></textarea>
<button>Send</button>
</form>
</div>
</div>
<div class="footer">
<i class="fas fa-angle-up"></i>
<p>Copyright 2018</p>
</div>
</body>
</html>