singolo/singolo3.html at master · evshipilo/singolo · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Singolo3</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="singolo3.css">

</head>
<body>

<section class="get-a-quote">
	<div class="wrapper">

		<h1>
			Get a Quote
		</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 class="form-block">
			<div class="form-wrapper">
				<form action="http://ya.ru" method="post">
					<input pattern="^[А-ЯA-Zа-яa-z -]{2,40}$"
					       name="name" type="text"
					       title="example: Peter Smith"
					       autocomplete="off"
					       placeholder="Name (Required)"
					       required>
					<input name="email" title="example: peter@gmail.com" type="email"
					       pattern="^[a-zA-Zа-яА-Я0-9!#$%&'*+/=?^_`{|}~-]{1,20}@[a-zA-Zа-яА-я0-9-]{1,15}[.][a-zA-Zа-яА-я0-9]{1,10}$"
					       placeholder="Email (Required)"
					       required autocomplete="off">
					<input type="text" name="subject" autocomplete="off" placeholder="Subject">
					<textarea name="detail" autocomplete="off"
					          placeholder="Describe your project in detail..."
					          id="describe" cols="30" rows="10"></textarea>
					<input type="submit" name="submit" value="submit">
				</form>

			</div>

			<div class="contact-wrapper">
				<h3>Contact Information</h3>
				<p>Quisque hendrerit purus dapibus, ornare nibh vitae, viver- ra
					nibh.
					Fusce vitae
					aliquam tellus. Proin sit amet volutpat libero. Nulla sed
					nunc
					et tortor
					luctus faucibus. Morbi at aliquet turpis, et consequat
					felis.</p>
				<div class="location"><img src="assets/s3-location.png"
				                      alt="location"
				           width="7">
					<span> Elm St. 14/05 Lost City </span></div>
				<div class="phone"><a href="tel:+035283318635"><img
						src="assets/s3-phone.png" alt="phone"
				                    width="11">
					<span > 03528 331 86 35 </span></a></div>
				<div class="mail"><a href="mailto:info@singolo.com"><img
						src="assets/s3-mail.png" alt="mail"
				                        width="13">
					<span>info@singolo.com</span></a></div>
			</div>
		</div>

	</div>
</section>

<footer class="footer">
	<div class="wrapper">
		<div class="copyright">© Copyright 2013</div>
		<div class="link-section">
			<a href="#"><img src="assets/s2-facebook.png" alt="facebook"
			                 width="32"></a>
			<a href="#"><img src="assets/s2-google.png" alt="google"
			                 width="32"></a>
			<a href="#"><img src="assets/s2-twitter.png" alt="twitter"
			                 width="32"></a>
			<a href="#"><img src="assets/s2-linkedin.png" alt="linked"
			                 width="32"></a>
		</div>

	</div>
</footer>


</body>
</html>