forked from CodeYourFuture/HTML-CSS-Module-Project
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathstore.html
More file actions
86 lines (78 loc) · 3.08 KB
/
store.html
File metadata and controls
86 lines (78 loc) · 3.08 KB
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
<!DOCTYPE html>
<head>
<title>Buy It Now ...</title>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/style.css">
</head>
<header >
<div class="header">
<div id="logo">
<img src="img/karma-logo.svg">
</div>
<nav>
<ul >
<li><a href="index.html">meet karma </a></li>
<li><a href="#">How It Works </a></li>
<li><a href="store.html">store</a></li>
<li><a href="#">bloge</a></li>
<li><a href="#">Help</a></li>
<li><a href="#">Login</a></li>
</ul>
</nav>
</div>
</header>
<body>
<main>
<div class="title">
<h2>Order your Karma wifi device today!</h2>
</div>
<form>
<label>First Name*</label>
<input id="Firt Name" type="text">
<br><br><br>
<label>Last Name* </label><input type="text">
<br><br><br>
<label>Address*</label><fieldset></fieldset>
<br><br><br>
<label>Address 2 </label><br>
<input type="text">
<br><br><br>
<label>City*</label><br>
<select >
<option >City</option>
</select><br><br>
<label>Post Code*</label><input type="text">
<h3>Select a color</h3>
<label>Karma Orange </label><input type="radio">
<label>Space Gray </label><input type="radio">
<br><br>
<input type="checkbox">By placing your order you agree to Karma's Terms and Conditions. *</h3>
<br><br><br>
<button type="submit">Place My Order</button>
</form>
<div class="girl">
<img src="level-2/g.jpg" alt="">
</div>
</main>
<footer class="footer">
Join us on
<div class="footer-pic">
<div class="socials-img">
<svg xmlns="http://www.w3.org/2000/svg" width="50pt" height="50pt" viewBox="0 0 50 50">
<path
d="M50.063 10.438a20.57 20.57 0 01-5.91 1.62 10.309 10.309 0 004.523-5.687 20.648 20.648 0 01-6.531 2.492 10.258 10.258 0 00-7.504-3.246c-5.68 0-10.286 4.602-10.286 10.281 0 .805.094 1.59.27 2.344-8.547-.43-16.121-4.523-21.195-10.746a10.243 10.243 0 00-1.39 5.172c0 3.566 1.812 6.715 4.573 8.562a10.274 10.274 0 01-4.66-1.289v.13c0 4.984 3.547 9.136 8.246 10.085a10.29 10.29 0 01-4.644.172c1.312 4.082 5.11 7.063 9.605 7.145A20.613 20.613 0 012.39 41.87c-.831 0-1.648-.047-2.449-.144a29.053 29.053 0 0015.762 4.62c18.914 0 29.258-15.667 29.258-29.253 0-.446-.012-.895-.027-1.332a20.904 20.904 0 005.129-5.325zm0 0"
fill="#3498db" />
</svg>
</div>
<div class="socials-img">
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 30 30">
<path
d="M12 27V15H8v-4h4V8.852C12 4.785 13.98 3 17.36 3c1.62 0 2.476.121 2.882.176V7h-2.305C16.5 7 16 7.758 16 9.29V11h4.203l-.57 4H16v12zm0 0"
fill="#173f8a" />
</svg>
</div>
</div>
@Karma mobility.Inc
</footer>
</body>
</html>