Skip to content

Commit abd8ef7

Browse files
nxr-deennxr-deen
committed
completing project 2
1 parent 8eef2b9 commit abd8ef7

19 files changed

+1306
-201
lines changed

‎Project 2 - Lux/css/all.min.css

+5-5
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎Project 2 - Lux/css/lux.css

+383-23
Large diffs are not rendered by default.

‎Project 2 - Lux/css/master.css

+540
Large diffs are not rendered by default.

‎Project 2 - Lux/css/normalize.css

+173-143
Large diffs are not rendered by default.

‎Project 2 - Lux/images/about.jpg

84.2 KB
Loading

‎Project 2 - Lux/images/landing.jpg

192 KB
Loading

‎Project 2 - Lux/images/portfolio-1.jpg

28.2 KB
Loading

‎Project 2 - Lux/images/portfolio-2.jpg

160 KB
Loading

‎Project 2 - Lux/images/portfolio-3.jpg

45.9 KB
Loading

‎Project 2 - Lux/images/services.jpg

42.1 KB
Loading

‎Project 2 - Lux/index.html

+205-30
Original file line numberDiff line numberDiff line change
@@ -1,37 +1,212 @@
11
<!DOCTYPE html>
22
<html lang="en">
3+
34
<head>
4-
<meta charset="UTF-8">
5-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>Lux | Web template </title>
7-
<link rel="stylesheet" href="css/lux.css">
8-
<link rel="stylesheet" href="css/normalize.css">
9-
<link rel="preconnect" href="https://fonts.googleapis.com">
10-
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
11-
<link href="https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
12-
<link rel="stylesheet" href="css/all.min.css">
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>Leon Template One</title>
8+
<!-- main Template CSS File -->
9+
<link rel="stylesheet" href="css/master.css">
10+
<!-- Render All Elements Normally -->
11+
<link rel="stylesheet" href="css/normalize.css">
12+
<!-- Font Awesome Library -->
13+
<link rel="stylesheet" href="css/all.min.css">
14+
<!-- Google Fonts -->
15+
<link rel="preconnect" href="https://fonts.googleapis.com">
16+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
17+
<link href="https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap"
18+
rel="stylesheet">
1319
</head>
20+
1421
<body>
15-
<!-- Start Header -->
16-
<div class="header">
17-
<div class="container">
18-
<img src="images/logo.png" class="logo">
19-
<div class="links">
20-
<span class="icon">
21-
<span></span>
22-
<span></span>
23-
<span></span>
24-
</span>
25-
<ul>
26-
<li> <a href="#services">Services</a></li>
27-
<li> <a href="#portfolio">Portfolio</a></li>
28-
<li> <a href="#about">About</a></li>
29-
<li> <a href="#contact">Contact</a></li>
30-
</ul>
31-
</div>
32-
</div>
33-
</div>
34-
<!-- End Header -->
35-
22+
<!-- Start Header -->
23+
<div class="header">
24+
<div class="container">
25+
<img class="logo" src="images/logo.png" alt="">
26+
<div class="links">
27+
<!-- to design the logo -->
28+
<span class="icon">
29+
<span></span>
30+
<span></span>
31+
<span></span>
32+
</span>
33+
<ul>
34+
<li><a href="#services">Services</a></li>
35+
<li><a href="#portfolio">Portfolio</a></li>
36+
<li><a href="#about">About</a></li>
37+
<li><a href="#contact">Contact</a></li>
38+
</ul>
39+
</div>
40+
</div>
41+
</div>
42+
<!-- End Header -->
43+
<!-- Start Landing Section -->
44+
<div class="landing">
45+
<div class="intro-text">
46+
<h1>Hello There</h1>
47+
<p>We are Leon - Super Creative & Minimal Agency Web Template</p>
48+
</div>
49+
</div>
50+
<!-- End Landing Section -->
51+
<!-- Start Features -->
52+
<div class="features">
53+
<div class="container">
54+
<div class="feat">
55+
<i class="fas fa-magic fa-3x"></i>
56+
<h3>Tell Us Your Idea</h3>
57+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut lab</p>
58+
</div>
59+
<div class="feat">
60+
<i class="fas fa-gem fa-3x"></i>
61+
<h3>We Will Do All The Work</h3>
62+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut lab</p>
63+
</div>
64+
<div class="feat">
65+
<i class="fas fa-globe-asia fa-3x"></i>
66+
<h3>Your Product is Worldwide</h3>
67+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut lab</p>
68+
</div>
69+
</div>
70+
</div>
71+
<!-- End Features -->
72+
<!-- Start Services -->
73+
<div class="services" id="services">
74+
<div class="container">
75+
<h2 class="special-heading">Services</h2>
76+
<p>Don't be busy be productive</p>
77+
78+
<div class="services-content">
79+
<div class="col">
80+
<!-- Start Service -->
81+
<div class="srv">
82+
<i class="fas fa-palette fa-2x"></i>
83+
<div class="text">
84+
<h3>Graphic Design</h3>
85+
<p>Graphic design is the process of visual communication and problem-solving using one or
86+
more
87+
of typography, photography and illustration</p>
88+
</div>
89+
</div>
90+
<div class="srv">
91+
<i class="fab fa-sketch fa-2x"></i>
92+
<div class="text">
93+
<h3>UI & UX</h3>
94+
<p>Process of enhancing user satisfaction with a product by improving the usability,
95+
accessibility, and pleasure provided in the interaction.</p>
96+
</div>
97+
</div>
98+
<!-- End Service -->
99+
</div>
100+
<div class="col">
101+
<!-- Start Service -->
102+
<div class="srv">
103+
<i class="fas fa-vector-square fa-2x"></i>
104+
<div class="text">
105+
<h3>Web Design</h3>
106+
<p>Web design encompasses many different skills and disciplines in the production and
107+
maintenance of websites</p>
108+
</div>
109+
</div>
110+
<div class="srv">
111+
<i class="fas fa-pencil-ruler fa-2x"></i>
112+
<div class="text">
113+
<h3>
114+
Web Development</h3>
115+
<p>Web development is a broad term for the work involved in developing a web site for the
116+
Internet or an intranet.</p>
117+
</div>
118+
</div>
119+
<!-- End Service -->
120+
</div>
121+
<div class="col">
122+
<div class="image image-column">
123+
<img src="images/services.jpg" alt="">
124+
</div>
125+
</div>
126+
</div>
127+
</div>
128+
</div>
129+
<!-- End Services -->
130+
<!-- Start Portfolio -->
131+
<div class="portfolio" id="portfolio">
132+
<div class="container">
133+
<h2 class="special-heading">Portfolio</h2>
134+
<p>If you do it right, it will last forever.</p>
135+
136+
<div class="portfolio-content">
137+
<div class="card">
138+
<img src="images/portfolio-1.jpg" alt="">
139+
<div class="info">
140+
<h3>Project Here</h3>
141+
<p>My creative ability is very difficult to measure because it can manifest in so many
142+
surprising and.</p>
143+
</div>
144+
</div>
145+
<div class="card">
146+
<img src="images/portfolio-2.jpg" alt="">
147+
<div class="info">
148+
<h3>Project Here</h3>
149+
<p>My creative ability is very difficult to measure because it can manifest in so many
150+
surprising and.</p>
151+
</div>
152+
</div>
153+
<div class="card">
154+
<img src="images/portfolio-3.jpg" alt="">
155+
<div class="info">
156+
<h3>Project Here</h3>
157+
<p>My creative ability is very difficult to measure because it can manifest in so many
158+
surprising and.</p>
159+
</div>
160+
</div>
161+
</div>
162+
</div>
163+
</div>
164+
<!-- End Portfolio -->
165+
<!-- Start About -->
166+
<div class="about" id="about">
167+
<div class="container">
168+
<h2 class="special-heading">About</h2>
169+
<p>Less is more work</p>
170+
<div class="about-content">
171+
<div class="image">
172+
<img src="images/about.jpg" alt="">
173+
</div>
174+
<div class="text">
175+
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nihil nemo neque voluptate tempora velit
176+
cum non, fuga vitae architecto delectus sed maxime rerum impedit aliquam obcaecati, aut
177+
excepturi iusto laudantium!</p>
178+
<hr>
179+
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Minus, sapiente. Velit iure
180+
exercitationem dolores nesciunt dolore. Eum officiis dolorum hic voluptate quaerat minima,
181+
similique inventore esse, alias, sed quo officia?</p>
182+
</div>
183+
</div>
184+
</div>
185+
</div>
186+
<!-- End About -->
187+
<!-- Start Contact -->
188+
<div class="contact" id="contact">
189+
<div class="container">
190+
<h2 class="special-heading">Contact</h2>
191+
<p>We are born to create</p>
192+
<div class="info">
193+
<p class="label">Feel free to drop us a line at:</p>
194+
<a href="mailto:[email protected]?subject=Contact" class="link">[email protected]</a>
195+
<div class="social">
196+
Find Us On Social Networks
197+
<i class="fab fa-youtube"></i>
198+
<i class="fab fa-facebook"></i>
199+
<i class="fab fa-twitter"></i>
200+
</div>
201+
</div>
202+
</div>
203+
</div>
204+
<!-- End Contact -->
205+
<!-- Start Footer -->
206+
<div class="footer">
207+
&copy; 2021 <span>Leon</span> All Right Reserved
208+
</div>
209+
<!-- End Footer -->
36210
</body>
211+
37212
</html>

‎Project 2 - Lux/webfonts/fa-brands-400.ttf

-1.37 KB
Binary file not shown.

‎Project 2 - Lux/webfonts/fa-brands-400.woff2

-700 Bytes
Binary file not shown.

‎Project 2 - Lux/webfonts/fa-regular-400.ttf

28 Bytes
Binary file not shown.

‎Project 2 - Lux/webfonts/fa-regular-400.woff2

-12 Bytes
Binary file not shown.

‎Project 2 - Lux/webfonts/fa-solid-900.ttf

-3.86 KB
Binary file not shown.

‎Project 2 - Lux/webfonts/fa-solid-900.woff2

-696 Bytes
Binary file not shown.

‎Project 2 - Lux/webfonts/fa-v4compatibility.ttf

-4 Bytes
Binary file not shown.

‎Project 2 - Lux/webfonts/fa-v4compatibility.woff2

-8 Bytes
Binary file not shown.

0 commit comments

Comments
 (0)