FullStack/template.html at master · shevdi/FullStack · 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
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Web Template</title> <!-- TODO ask manager -->
	<meta name="description" content=""> <!-- TODO ask manager -->
	<meta name="keywords" content="">	<!-- TODO ask manager -->
	<meta name="viewport" content="initial-scale=1.0, width=device-width">
	<link rel="shortcut icon" href="images/myfavicon.ico" type="image/x-icon" />
	<link rel="stylesheet" href="css/template.css">
</head>
<body>
	<div class="container">
		<div class="content">
			<header class="header">
				<div class="top-stripe"></div>
				<div class="name">indipixel</div>
				<div class="menu">
					<a href="#" tabindex="8">CONTACT US</a> <!-- TODO href -->
				</div>
			</header>
			<div class="background">
				<svg width="1170" height="980" >
					<polygon points="275,0 1171,688 1150,773 140,0" fill="#69F0AE" />
					<polygon points="408,0 1160,581 1138,666 265,0" fill="#04E4A2" />
					<rect x="690" y="123" rx="58" ry="58" width="388" height="755" fill="#1D1D1D" />
					<rect x="690" y="65" rx="58" ry="58" width="388" height="330" fill="#161010" />
					<rect x="690" y="123" width="388" height="460" fill="#161010" />
					<circle cx="884" cy="105" r="9" fill="#EF5350" />
					<circle cx="884" cy="817" r="33" stroke="white" stroke-width="4" fill="#1D1D1D" />
					<rect x="852" y="132" rx="4" ry="4" width="64" height="8" fill="#EF5350" />
					<image xlink:href="images/photo.jpg" x="719" y="179" height="583px" width="329px" alt="photo" />
				</svg>
				<div class="info">
					<div class="info-title"><b>We design and build beautiful web &amp; mobile apps</b></div>
					<div class="info-text">
						You can design and create, and build the most wonderful
						place in the world. But it takes people to make the dream
						a reality. - Walt Disney
					</div>
					<a href="#" type="button" class="info-button" tabindex="1" autofocus>KNOW MORE</a> <!-- TODO href, ask autofocus-->
				</div>
			</div>
			<div class="bottom">
				<div class="feedback">
					<label class="feedback-label">Lets Talk</label>
					<form action="">
						<input type="text" placeholder="First Name" class="feedback-input" tabindex="2">
						<input type="text" placeholder="Last Name" class="feedback-input" tabindex="3">
						<input type="text" placeholder="Email Adress" class="feedback-input" tabindex="4">
						<select name="" id="" class="feedback-select" tabindex="5">
							<option>App Design</option>
						</select>
						<textarea placeholder="Type your query here" class="feedback-textarea" tabindex="6"></textarea>
						<button type="submit" class="feedback-button" tabindex="7">SEND</button>
					</form>
				</div>
			</div>
		</div>
		<div class="footer">
			<div class="foot-name">&copy; indipixel design</div>
			<div class="wrapper-email">
				<div class="email">
					<a href="mailto: contact@yourmail.com">contact@yourmail.com</a>
				</div>
				<svg width="32" height="25" class="arrow">
					<rect  width="100%" height="100%" fill="#FEFCF2" />
					<rect  x="2" y="2" width="27" height="22" rx="6" ry="6" stroke="#04E4A2" stroke-width="2" fill="#FEFCF2" />
					<line x1="2" y1="9" x2="15" y2="15" stroke-width="2" stroke="#04E4A2" />
					<line x1="29" y1="9" x2="15" y2="15" stroke-width="2" stroke="#04E4A2" />
				</svg>
			</div>
		</div>
	</div>
</body>
</html>