-
Notifications
You must be signed in to change notification settings - Fork 0
/
service_mobile.html
128 lines (106 loc) · 6 KB
/
service_mobile.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Service</title>
<link rel="stylesheet" href="css/style_mobile.css">
</head>
<body>
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
<symbol id="icon-dev" viewBox="0 0 38.406 28.82">
<path id="CODE"
d="M412.678,1189.29h0l-7.2,7.2h0a1.8,1.8,0,0,1-3.053-1.29,1.774,1.774,0,0,1,.511-1.25h0l5.936-5.94-5.918-5.92h0a1.8,1.8,0,1,1,2.542-2.54h0l7.1,7.09A1.787,1.787,0,0,1,412.678,1189.29ZM390.9,1201.21a1.8,1.8,0,1,1-3.374-1.26l9.587-25.16a1.8,1.8,0,1,1,3.373,1.26Zm-5.821-19.12-5.918,5.92,5.937,5.94h0a1.773,1.773,0,0,1,.51,1.25,1.8,1.8,0,0,1-3.052,1.29h0l-7.2-7.2h0a1.786,1.786,0,0,1,.084-2.65l7.1-7.09h0a1.781,1.781,0,0,1,1.29-.55,1.8,1.8,0,0,1,1.252,3.09h0Z"
transform="translate(-374.813 -1173.59)"/>
</symbol>
<symbol id="icon-res" viewBox="0 0 29.75 26.88">
<path id="IMAC"
d="M810.44,1195.64h-9.12v2.4l1.92,1.92v0.48H790.76v-0.48l1.92-1.92v-2.4h-9.12a1.437,1.437,0,0,1-1.44-1.44V1175a1.437,1.437,0,0,1,1.44-1.44h26.88a1.437,1.437,0,0,1,1.44,1.44v19.2A1.437,1.437,0,0,1,810.44,1195.64Zm-0.48-20.16H784.04v16.32h25.92v-16.32Z"
transform="translate(-782.125 -1173.56)"/>
</symbol>
<symbol id="icon-design" viewBox="0 0 31.62 28.5">
<path id="WIFI_3" data-name="WIFI 3"
d="M1218.96,1181.94a19.97,19.97,0,0,0-27.92,0l-1.85-2.39a22.988,22.988,0,0,1,31.62,0Zm-13.96-1.19a15.434,15.434,0,0,1,11.18,4.77l-1.87,2.41a12.458,12.458,0,0,0-18.62,0l-1.87-2.41A15.434,15.434,0,0,1,1205,1180.75Zm0,7.5a7.955,7.955,0,0,1,6.48,3.33l-1.65,2.12a5.986,5.986,0,0,0-9.66,0l-1.65-2.12A7.955,7.955,0,0,1,1205,1188.25Zm0,7.5a3,3,0,1,1-3,3A3,3,0,0,1,1205,1195.75Z"
transform="translate(-1189.19 -1173.25)"/>
</symbol>
<symbol id="icon-graphic-design" viewBox="0 0 35.219 20.38">
<path id="VIEW"
d="M409.549,1487.57c0,0.01,0,.03,0,0.04a0.08,0.08,0,0,1,0,.02,0.271,0.271,0,0,1,0,.04,0.157,0.157,0,0,1,0,.03v0.01a1.358,1.358,0,0,1-.368.74c-0.369.45-.773,0.87-1.179,1.28a30.33,30.33,0,0,1-7.465,5.65,19.732,19.732,0,0,1-5.594,2.02,16,16,0,0,1-6.428-.09,24.271,24.271,0,0,1-9.965-5.18,27.322,27.322,0,0,1-3.817-3.68,1.407,1.407,0,0,1,0-1.9c0.369-.45.772-0.87,1.178-1.28a30.316,30.316,0,0,1,7.466-5.65,19.726,19.726,0,0,1,5.593-2.02,16,16,0,0,1,6.429.09,24.267,24.267,0,0,1,9.964,5.18,27.377,27.377,0,0,1,3.817,3.68,1.345,1.345,0,0,1,.368.74,0.034,0.034,0,0,0,0,.01c0,0.01,0,.02,0,0.03s0,0.03,0,.04l0,0.02c0,0.01,0,.03,0,0.04,0,0.03,0,.05,0,0.07S409.55,1487.55,409.549,1487.57Zm-17.6-6.95a6.6,6.6,0,1,0,6.6,6.6A6.6,6.6,0,0,0,391.95,1480.62Zm0,9.9a3.3,3.3,0,1,1,3.3-3.3A3.295,3.295,0,0,1,391.95,1490.52Z"
transform="translate(-374.344 -1477.31)"/>
</symbol>
</svg>
<div id="service">
<nav class="home-navigation">
<div class="logo">
<b>foi<span class="logo-green">nni</span></b>
</div>
<a href="#" class="menu-icon"> </a>
<div class="menu-wrapper">
<ul class="mobile">
<li><a href="index_mobile.html">Home</a></li>
<li><a href="meetus_mobile.html">Meet us</a></li>
<li><a href="pricing_mobile.html">Pricing</a></li>
<li><a href="portfolio_mobile.html">Portfolio</a></li>
<li><a href="contacts_mobile.html">Contact</a></li>
</ul>
</div>
</nav>
<div class="service-header">
<h2>Welcome To <span class="service-header-bold">Foinni</span></h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et
dolore
magna aliqua. Ut enim ad minim veniam, quis nostrud</p>
</div>
<div class="service-list">
<article class="service-item">
<svg class="cls-1" width="100%" height="100%">
<use xlink:href="#icon-dev"/>
</svg>
<h3>Development</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sevdent, sunt explicabo. Nemo enim ipsam
voluptatem quia</p>
</article>
<article class="service-item">
<svg class="cls-1" width="100%" height="100%">
<use xlink:href="#icon-res"/>
</svg>
<h3>Responsive</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sevdent, sunt explicabo. Nemo enim ipsam
voluptatem quia</p>
</article>
<article class="service-item">
<svg class="cls-1" width="100%" height="100%">
<use xlink:href="#icon-design"/>
</svg>
<h3>Clean Design</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sevdent, sunt explicabo. Nemo enim ipsam
voluptatem quia</p>
</article>
<article class="service-item">
<svg class="cls-1" width="100%" height="100%">
<use xlink:href="#icon-graphic-design"/>
</svg>
<h3>Graphic Design</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sevdent, sunt explicabo. Nemo enim ipsam
voluptatem quia</p>
</article>
<article class="service-item">
<svg class="cls-1" width="100%" height="100%">
<use xlink:href="#icon-photo"/>
</svg>
<h3>Photography</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sevdent, sunt explicabo. Nemo enim ipsam
voluptatem quia</p>
</article>
<article class="service-item">
<svg class="cls-1" width="100%" height="100%">
<use xlink:href="#icon-edit"/>
</svg>
<h3>Photo Editing</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sevdent, sunt explicabo. Nemo enim ipsam
voluptatem quia</p>
</article>
</div>
</div>
</body>
</html>