-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsingolo3.html
120 lines (120 loc) · 6.43 KB
/
singolo3.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="singolo3.css" rel="stylesheet">
<title>singolo3</title>
</head>
<body>
<div class="container_get_a_quote">
<div class="text_get_a_quote">
<h2>Get a Quote</h2>
<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="form_and_contact_container">
<div class="form_container">
<form>
<div class="input_container name">
<input type="text" pattern="^[a-zA-ZА-Яа-я][a-zA-ZА-Яа-я-_\.\s]{1,20}$" placeholder="Name (Required)">
</div>
<div class="input_container email">
<input type="email" placeholder="Email (Required)">
</div>
<div class="input_container subject">
<input placeholder="Subject">
</div>
<div class="input_container describe">
<textarea placeholder="Describe your project in detail..."></textarea>
</div>
<div class="submit">
<button>
Submit
</button>
</div>
</form>
</div>
<div class="contact_info">
<h3>Contact Information</h3>
<p>
Quisque hendrerit purus dapibus, ornare nibh vitae, viver-<br>
ra nibh. Fusce vitae aliquam tellus. Proin sit amet volutpat<br>
libero. Nulla sed nunc et tortor luctus faucibus. Morbi at<br>
aliquet turpis, et consequat felis.
</p>
<div class="adress_container">
<div class="link_to_contact location">
<a href="#">
<img src="assets/img/location.png"><p>Elm St. 14/05 Lost City </p>
</a>
</div>
<div class="link_to_contact tel">
<a href="tel:03528 331 86 35">
<img src="assets/img/phone.png"><p>03528 331 86 35</p>
</a>
</div>
<div class="link_to_contact mail">
<a href="mailto:[email protected]">
<img src="assets/img/mail.png"><p>[email protected]</p>
</a>
</div>
</div>
</div>
</div>
</div>
<footer>
<h3>©Copyright2013</h3>
<div id="social_container">
<a href="#">
<div class="social_links">
<svg xmlns="http://www.w3.org/2000/svg" width='16px' height='16px' viewBox="0 0 50 90">
<path fill=#656d89 d="M50,15.65H35.72c-1.69,0-3.58,2.22-3.58,5.19V31.15H50v14.7H32.14V90H15.29V45.85H0V31.15H15.29V22.5C15.29,10.09,23.9,0,35.72,0H50Z"/>
</svg>
</div>
</a>
<a href="#">
<div class="social_links">
<svg xmlns="http://www.w3.org/2000/svg" width='16px' height='16px' viewBox="0 0 89.61 88">
<path fill=#656d89 d="M4.75,21.94c0,7.47,2.5,12.86,7.42,16a21.13,21.13,0,0,0,11.12,3c.59,0,1.07,0,1.4,0a14.35,
14.35,0,0,0,2.95,10h-.17C21,50.89,0,52.23,0,69.52,0,87.1,19.31,88,23.18,88h1.27a35.72,35.72,0,0,
0,14.88-3.21C47.07,81,51,74.49,51,65.36c0-8.82-6-14.07-10.35-17.91-2.67-2.34-5-4.36-5-6.33s1.68-3.5,
3.81-5.41c3.45-3.08,6.69-7.46,6.69-15.75,0-7.29-.94-12.18-6.76-15.28A20.78,20.78,0,0,1,43.23,
4C46.38,3.56,51,3.07,51,.5V0H28C27.78,0,4.75.86,4.75,21.94ZM41.87,67c.44,7-5.58,12.22-14.61,
12.88S10.54,76.43,10.1,69.4a11.58,11.58,0,0,1,4.17-9.31,19,19,0,0,1,11.4-4.64c.52,0,1-.06,
1.54-.06C35.71,55.39,41.46,60.38,41.87,67Zm-6-49.88c2.25,7.93-1.15,16.23-6.58,17.76a7.29,7.29, 0,0,1-1.92.26c-5,0-9.9-5-11.73-12a17.26,17.26,0,0,1,.24-10.56C17,9.41,19.09,7.23,21.69,6.5a7.29,
7.29,0,0,1,1.92-.26C29.62,6.24,33.48,8.72,35.87,17.13ZM74.61,34.41v-15h-9.5v15h-15v9.5h15v15h9.
5v-15h15v-9.5Z"/>
</svg>
</div>
</a>
<a href="#">
<div class="social_links">
<svg xmlns="http://www.w3.org/2000/svg" width='16px' height='16px' viewBox="0 0 92 74.77">
<path fill=#656d89 d="M92,8.85a37.59,37.59,0,0,1-10.84,3,18.89,18.89,0,0,0,8.3-10.44A38,38,0,0,1,
77.47,6,18.89,18.89,0,0,0,45.31,23.17,53.57,53.57,0,0,1,6.4,3.45a18.91,18.91,0,0,0,5.84,25.2A18.58,
18.58,0,0,1,3.7,26.29a1.93,1.93,0,0,0,0,.24A18.89,18.89,0,0,0,18.83,45a18.9,18.9,0,0,1-8.52.32A18.9,
18.9,0,0,0,27.94,58.47,37.87,37.87,0,0,1,4.5,66.55,37.24,37.24,0,0,1,0,66.28a53.37,53.37,0,0,0,28.93,
8.49c34.72,0,53.71-28.77,53.71-53.71,0-.81,0-1.63-.06-2.44A38.22,38.22,0,0,0,92,8.85Z"/>
</svg>
</div>
</a>
<a href="#">
<div class="social_links">
<svg xmlns="http://www.w3.org/2000/svg" width='16px' height='16px' viewBox="0 0 90 88.74">
<path fill=#656d89 d="M20.38,9.62c0,5.32-3.93,9.62-10.38,9.62-6.08,0-10-4.3-10-9.62S4.05,0,10.25,0,20.25,4.18,
20.38,9.62ZM.51,88.74V26.84H19.75v61.9Z"/>
<path fill=#656d89 d="M31.26,46.58c0-7.72-.25-14.17-.5-19.74h16.7l.89,
8.61h.38a22.22,22.22,0,0,1,19.12-10C80.51,25.44,90,33.93,90,52.15V88.74H70.76V54.43C70.76,46.46,
68,41,61,41c-5.32,0-8.48,3.67-9.87,7.21A13.78,13.78,0,0,0,50.5,53v35.7H31.26Z"/>
</svg>
</div>
</a>
</div>
</footer>
</body>
</html>