-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
209 lines (209 loc) · 10.4 KB
/
Copy pathindex.html
File metadata and controls
209 lines (209 loc) · 10.4 KB
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
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
<!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>Leon template one</title>
<!-- Main Template CSS File -->
<link rel="stylesheet" href="CSS/Leon.css">
<!-- Render CSS normally -->
<link rel="stylesheet" href="CSS\Normalize.css">
<!-- Font awesome library -->
<link rel="stylesheet" href="CSS\all.min.css">
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Work+Sans:wght@200;500;600;700&display=swap" rel="stylesheet">
</head>
<body>
<!-- Start Header -->
<div class="header">
<div class="container">
<img class="logo" src="Images\logo.png" alt="">
<div class="links">
<span class="icon">
<span></span>
<span></span>
<span></span>
</span>
<ul>
<li><a href="#Services">Services</a></li>
<li><a href="#Portfolio">Portfolio</a></li>
<li><a href="#About">About</a></li>
<li><a href="#Contact">Contact</a></li>
</ul>
</div>
</div>
</div>
<!-- End Header -->
<!-- Start Landing Page -->
<div class="landing">
<div class="intro-text">
<h1>Hello There</h1>
<p>We are Leon - Super creative & Minimal Agency Web Template</p>
</div>
</div>
<!-- End Landing Page -->
<!-- start features secton -->
<div class="features">
<div class="container">
<div class="feet">
<i class="fa-solid fa-wand-magic-sparkles"></i>
<h3>Tell us your idea</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nobis dolorem quae magni autem molestiae dignissimos eligendi, facilis doloremque ad obcaecati, ex voluptates quas accusantium, odit commodi nihil velit quaerat voluptatibus.</p>
</div>
<div class="feet">
<i class="fa-solid fa-gem"></i>
<h3>We will do all the work</h3>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Et, eveniet quas voluptatem suscipit sunt enim libero repellendus, perspiciatis voluptatibus, recusandae molestiae excepturi iure. Assumenda dolore quae quidem ullam aut repellat.</p>
</div>
<div class="feet">
<i class="fa-solid fa-earth-asia"></i>
<h3>Your Product Is WorldWide</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Saepe, incidunt autem tenetur eligendi, veniam libero dicta, accusamus sapiente repudiandae rerum dolores nesciunt consequuntur odio modi ad in distinctio perspiciatis labore?</p>
</div>
</div>
</div>
<!-- End features secton -->
<!-- Start Services -->
<div class="services" id="Services">
<div class="container">
<h2 class="special-heading">Services</h2>
<p>Don't be busy, Be productive</p>
<div class="services-content">
<div class="col">
<!-- Start First Service -->
<div class="srv">
<i class="fa-solid fa-palette"></i>
<div class="text">
<h3>Graphic Design</h3>
<p>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ipsam deserunt accusantium, numquam magni inventore quaerat quae earum? Officia asperiores enim libero accusantium temporibus eaque quod omnis facilis quo velit. Eius?
</p>
</div>
</div>
<!-- End First Service -->
<!-- Start Second Serice -->
<div class="srv">
<i class="fa-brands fa-sketch"></i>
<div class="text">
<h3>UI & UX</h3>
<p>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ipsam deserunt accusantium, numquam magni inventore quaerat quae earum? Officia asperiores enim libero accusantium temporibus eaque quod omnis facilis quo velit. Eius?
</p>
</div>
</div>
<!-- End Second Service -->
</div>
<!-- End First Column -->
<!-- Start Second Column -->
<div class="col">
<!-- Start First Service -->
<div class="srv">
<i class="fa-solid fa-vector-square"></i>
<div class="text">
<h3>Web Design</h3>
<p>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ipsam deserunt accusantium, numquam magni inventore quaerat quae earum? Officia asperiores enim libero accusantium temporibus eaque quod omnis facilis quo velit. Eius?
</p>
</div>
</div>
<!-- End First Service -->
<!-- Start Second Serice -->
<div class="srv">
<i class="fa-solid fa-pen-ruler"></i>
<div class="text">
<h3>Web Development</h3>
<p>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ipsam deserunt accusantium, numquam magni inventore quaerat quae earum? Officia asperiores enim libero accusantium temporibus eaque quod omnis facilis quo velit. Eius?
</p>
</div>
</div>
<!-- End Second Service -->
</div>
<!-- End Second Column -->
<!-- Start Third Column -->
<div class="col">
<div class="image image-column">
<img src="Images\somalaya-mountain-range-title.jpg" alt="">
</div>
</div>
</div>
</div>
</div>
<!-- End Services -->
<!-- Start Portfolio -->
<div class="portfolio" id="Portfolio">
<div class="container">
<h2 class="special-heading">portfolio</h2>
<p>If U Do It Right, It Will Last Forever</p>
<div class="portfolio-content">
<div class="card">
<img src="Images\03c5b098170599.5ed64a5b2b134.jpg" alt="">
<div class="info">
<h3>Project here</h3>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Neque et modi illum ad, dolores ut accusamus quo voluptatem magnam expedita, laboriosam beatae at. Explicabo a magnam harum, reiciendis eligendi atque?</p>
</div>
</div>
<div class="card">
<img src="Images\28c6a977294809.5c8380ed585ba.png" alt="">
<div class="info">
<h3>Project here</h3>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Neque et modi illum ad, dolores ut accusamus quo voluptatem magnam expedita, laboriosam beatae at. Explicabo a magnam harum, reiciendis eligendi atque?</p>
</div>
</div>
<div class="card">
<img src="Images\47aa61101334781.5f1c660e2b883.jpg" alt="">
<div class="info">
<h3>Project here</h3>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Neque et modi illum ad, dolores ut accusamus quo voluptatem magnam expedita, laboriosam beatae at. Explicabo a magnam harum, reiciendis eligendi atque?</p>
</div>
</div>
</div>
</div>
</div>
<!-- End Portfolio -->
<!-- About Start -->
<div class="about" id="About">
<div class="container">
<h2 class="special-heading">About</h2>
<p>Less is more work</p>
<div class="about-content">
<div class="image">
<img src="Images\Concept-and-Ideas.jpg" alt="">
</div>
<div class="text">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nihil veritatis quidem id nesciunt, praesentium eligendi, ea cumque eveniet repudiandae et, recusandae nostrum repellendus sed ex quas voluptates expedita totam similique?</p>
<hr>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Praesentium ipsam saepe repellendus quaerat ratione deleniti eaque exercitationem numquam, similique quasi dolores dignissimos labore cupiditate veniam maiores suscipit in repudiandae illo.</p>
</div>
</div>
</div>
</div>
<!-- About End -->
<!-- Start Contact -->
<div class="contact" id="Contact">
<div class="container">
<h2 class="special-heading">Contact</h2>
<p>We are born to creat</p>
<div class="info">
<p class="label">Feel free to drop us a line at :</p>
<a href="mailto:leonagency@mail.com?subject=contact" class="link">leaonagency@mail.com</a>
<div class="social">
Find Us On Social Networks
<i class="fa-brands fa-youtube"></i>
<i class="fa-brands fa-facebook"></i>
<i class="fa-brands fa-twitter"></i>
</div>
</div>
</div>
</div>
<!-- End Contact -->
<!-- Start Footer -->
<div class="footer">
© 2021 <span>Leon</span> All Rights Reserved
</div>
<!-- End Footer -->
</body>
</html>