-
Notifications
You must be signed in to change notification settings - Fork 0
/
singolo1.html
90 lines (86 loc) · 3.73 KB
/
singolo1.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Singolo</title>
<link rel="stylesheet" href="./singolo1.css">
<link href="https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900&display=swap" rel="stylesheet">
</head>
<body>
<header>
<div class="header_content">
<p class="logo">SINGOLO<span style="color: #f06c64;">*</span></p>
<nav>
<ul>
<li>Home</li>
<li>Services</li>
<li>Portfolio</li>
<li>About</li>
<li>Contact</li>
</ul>
</nav>
</div>
</header>
<div class="header-bottom"></div>
<section>
<div class="wrapper" >
<div class="disp_flex">
<div class="left-arrow arrow"><img src="assets/arrowLeft.png"></div>
<div class="vertical_phone phone"><img src="assets/iPhoneVertical.png"></div>
<div class="horizontal_phone phone"><img src="assets/iPhoneHorizontal.png"></div>
<div class="right-arrow arrow"><img src="assets/arrowRight.png"></div>
</div>
</div>
</section>
<div class="section-bottom"></div>
<div class="service-block">
<div class="wrapper">
<div class="service_upperpart"><h1>Our Services</h1><p>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>
<div class="service_lowerpart">
<div class="service">
<div class="imgdiv"><img src="assets/PenIcon.png"></div>
<div class="service_info"><h2>Custom Design</h2>
<p>Curabitur vestibulum eget mauris quis laoreet. Phasellus in quam laoreet, viverra
lacus ut, ultrices velit.</p></div>
</div>
<div class="service">
<div class="imgdiv"><img src="assets/BulbIcon.png"></div>
<div class="service_info"><h2>Inovative ideas</h2>
<p>Quisque luctus, quam eget molestie comodo,
lacus purus cursus purus, nec rutrum
tellus dolor id lorem</p></div>
</div>
<div class="service">
<div class="imgdiv"><img src="assets/HeartIcon.png"></div>
<div class="service_info"><h2>Love Is The Answer</h2>
<p>Nulla sed nunc et tortor luctus faucibus.
Morbi at aliquet turpis, et consequat felis.
Quisque condimentum.</p></div>
</div>
<div class="service">
<div class="imgdiv"><img src="assets/PhoneIcon.png"></div>
<div class="service_info"><h2>Responsive Layout</h2>
<p>Sed porttitor placerat rhoncus. In at nunc tellus. Maecenas blandit nunc ligula.
Praesent elit leo.</p></div>
</div>
<div class="service">
<div class="imgdiv"><img src="assets/BubbleIcon.png"></div>
<div class="service_info"><h2>24 / 7 Support</h2>
<p>Vivamus vel quam lacinia, tincidunt dui
non, vehicula nisi. Nulla a sem erat. Pellentesque egestas venenatis lorem.</p></div>
</div>
<div class="service">
<div class="imgdiv"><img src="assets/StarIcon.png"></div>
<div class="service_info"><h2>Feel Like A Star</h2>
<p>Quisque hendrer it purus dapibus, ornare
nibh vitae, viverra nibh. Fusce vitae aliquam tellus.</p></div>
</div>
</div>
</div>
</div>
</body>
</html>