-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
131 lines (121 loc) · 4.71 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Template</title>
<link rel="stylesheet" href="../Css/style.css">
</head>
<body>
<header>
<nav>
<div class="App__brand--logo"><img src="../vectors/images/logo.png" alt=""></div>
<ul class="navaigation__header--bar">
<li><a href="about.html">About us</a></li>
<li><a href="clients.html">our clients</a></li>
<li><a href="work.html">our work</a></li>
<li><a href="contact.html">contact us</a></li>
<button class="btn1">get a quote</button>
</ul>
</nav>
</header>
<main>
<div class="center__section--heading">
<h2> <span>We Provide</span> Web Services</h2>
<button class="btn2"> Contact us</button>
</div>
<div class="center__slider--circle">
<div class="active"></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
<div class="container__section--1">
<div class="section__container--1">
<div class="container__grid--tep">
<h3>Web Development</h3>
<span></span>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.
Perspiciatis a commodi repellat architecto tempora alias necessitatibus non,
possimus atque in, iure facilis? Cupiditate amet aliquam et ullam neque, libero ipsam!
</p>
<button class="btn3">Read More</button>
</div>
<img src="../vectors/images/about_img.png" alt="">
</div>
</div>
<div class="section__container--2">
<div class="container__grid--tep2">
<h3>Mobile App Development</h3>
<span></span>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.
Perspiciatis a commodi repellat architecto tempora alias necessitatibus non,
possimus atque in, iure facilis? Cupiditate amet aliquam et ullam neque, libero ipsam!
</p>
<button class="btn4">Read More</button>
</div>
<img src="../vectors/images/mobile.png" alt="">
</div>
<section>
<div class="container__grid--tep3">
<h3>What is Say clients</h3>
<span ></span>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form,
by injected humour, or randomised words which don't look even slightly believable.
If you are going to use a passage of Lorem Ipsum,
you need to be sure there isn't anything embarrassing hidden in the middle of text.
</p>
<div class="image__border--bottom">
<img src="../vectors/images/cli_cross.png" alt="" srcset="">
</div>
<img src="../vectors/images/cross_img.png" alt="">
<div class="paragraph__span--1">
<h2>Jone due</h2>
<h5>(sure there isn't)</h5>
<button class="btn5">get a quote</button>
</div>
</div>
</section>
<div class="contact__us--1">
<div class="contact__us--2">
<h3>Request A call back</h3>
<div class="label1">
<label for="">Full Name</label>
<div class="border__bottom"></div>
</div>
<div class="label2">
<label for="">Phone Number</label>
<div class="border__bottom"></div>
</div>
<div class="label3">
<label for="">Email</label>
<div class="border__bottom"></div>
</div>
<div class="label4">
<label for="">Message</label>
<div class="border__bottom"></div>
</div>
<button class="btn6">Send</button>
</div>
<div class="border__bottom--bot"></div>
<div class="contact__us--3">
<h4>subscibe now</h4>
<h4>Links</h4>
<h4>Contactus</h4>
<div class="label5">
<label for=""> Enter your Email</label>
<button class="btn7">Submit</button>
<div class="border__bottom"></div>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do</p>
</div>
</div>
</main>
<footer>
<h1>© 2022 All Rights Reserved <span>.Free Html Templates</span> </h1>
</footer>
</body>
</html>