-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathsingolo1.html
More file actions
110 lines (107 loc) · 3.23 KB
/
singolo1.html
File metadata and controls
110 lines (107 loc) · 3.23 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Singolo</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link rel="stylesheet" href="singolo1.css">
</head>
<body>
<header class="header">
<div class="logo">
<a href="#">SINGOLO <span>*</span></a>
</div>
<nav class="header-navigation">
<ul>
<li><a href="#">HOME</a></li>
<li><span>•</span><a href="#">SERVICES</a></li>
<li><span>•</span><a href="#">PORTFOLIO</a></li>
<li><span>•</span><a href="#">ABOUT</a></li>
<li><span>•</span><a href="#">CONTACT</a></li>
</ul>
</nav>
</header>
<div class="section">
<button class="left-btn">
<img src="assets/left-arrpw.png" width="16" alt="left">
</button>
<img class="mobile_vertical" src="assets/mobile-vertical.png" width="240"
alt="mobile">
<img class="mobile_horizontal" src="assets/mobile-horizontal.png"
width="484"
alt="mobile">
<button class="right-btn">
<img src="assets/right-arrow.png" width="16" alt="">
</button>
</div>
<section class="content">
<div class="wrapper">
<h1>Our Services</h1>
<p class="main-paragraph">Fusce dapibus, tellus ac cursus commodo,
tortor mauris condimentum.
Duis mollis, non commodo luctus, nisi erat porttitor ligula,
eget
lacinia odio sem nec elit. Fusce dapibus, tellus ac cursus
commodo, tortor mauris condimentum nibh. </p>
<div class="rows-3">
<article>
<img src="assets/icon-pencil.png" alt="pencil" width="59">
<div class="content-wrapper">
<h2>Custom Design</h2>
<p>Curabitur vestibulum eget mauris quis laoreet. Phasellus
in
quam
laoreet, viverra lacus ut, ultrices velit.</p>
</div>
</article>
<article>
<img src="assets/icon-lamp.png" alt="lamp" width="59">
<div class="content-wrapper">
<h2>Inovative Ideas</h2>
<p>Quisque luctus, quam eget molestie com- modo, lacus purus
cursus purus, nec rutrum tellus dolor id lorem.</p>
</div>
</article>
<article>
<img src="assets/icon-heart.png" alt="heart" width="59">
<div class="content-wrapper">
<h2>Love Is The Answer</h2>
<p>Nulla sed nunc et tortor luctus faucibus. Morbi at
aliquet
turpis, et consequat felis.<br> Quisque condimentum.</p>
</div>
</article>
<article>
<img src="assets/icon-mobile.png" alt="mobile" width="59">
<div class="content-wrapper">
<h2>Responsive Layout</h2>
<p>Sed porttitor placerat rhoncus. In at nunc tellus.
Maecenas
blandit nunc ligula. Prae- sent elit leo.</p>
</div>
</article>
<article>
<img src="assets/icon-answer.png" alt="answer" width="59">
<div class="content-wrapper">
<h2>24 / 7 Support</h2>
<p>Vivamus vel quam lacinia, tincidunt dui non, vehicula
nisi.
Nulla a sem erat. Pellen- tesque egestas venenatis lorem
.</p>
</div>
</article>
<article>
<img src="assets/icon-star.png" alt="star" width="59">
<div class="content-wrapper">
<h2>Feel Like A Star</h2>
<p>Quisque hendrerit purus dapibus, ornare nibh vitae,
viverra
nibh. Fusce vitae aliquam tellus.</p>
</div>
</article>
</div>
</div>
</section>
</body>
</html>