forked from guevaraia/ui
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
161 lines (156 loc) · 7.28 KB
/
index.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
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Footer 02</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
</head>
<body>
<footer>
<div class="footer-line"></div>
<div class="footer-wrapper">
<section class="footer-top">
<div class="footer-headline">
<h2>Sign up to our newsletter</h2>
<p>
Stay up to date with our news and articles
</p>
</div>
<div class="footer-subscribe">
<input type="email" spellcheck="false" placeholder="Your Email">
<button>
Sign Up
</button>
</div>
</section>
<div class="footer-columns">
<section class="footer-logo">
<svg xmlns="http://www.w3.org/2000/svg" class="logo"
fill="none" viewBox="30 30 126 126"
>
<path d="M82.646 37.0917C85.7401 35.3054 89.552 35.3054 92.646 37.0917L133.614 60.7445L105.286 77.3318C100.901 72.9296 94.8325 70.2051 88.128 70.2051C81.1554 70.2051 74.871 73.1519 70.4523 77.8681L41.4416 60.8811L82.646 37.0917Z" fill="white"></path>
<path d="M64.9303 87.4484L35.9141 70.4582V117.952L64.8222 101.025C64.2287 98.9258 63.9111 96.7109 63.9111 94.4219C63.9111 91.9977 64.2673 89.6567 64.9303 87.4484Z" fill="white"></path>
<path d="M70.1924 110.694L41.8975 127.262L82.646 150.788C85.74 152.574 89.552 152.574 92.646 150.788L133.158 127.398L105.556 111.236C101.152 115.8 94.9714 118.639 88.128 118.639C81.0175 118.639 74.6227 115.574 70.1924 110.694Z" fill="white"></path>
<path d="M111.22 101.739L139.376 118.226C139.377 118.162 139.378 118.098 139.378 118.034V70.1831L111.101 86.7403C111.908 89.154 112.345 91.7369 112.345 94.4219C112.345 96.9723 111.951 99.4305 111.22 101.739Z" fill="white"></path>
</svg>
<h2 class="hide">Astra</h2>
</section>
<section>
<h3>Product</h3>
<ul>
<li>
<a href="#" title="API">API</a>
</li>
<li>
<a href="#" title="Pricing">Pricing</a>
</li>
<li>
<a href="#" title="Documentation">Documentation</a>
</li>
<li>
<a href="#" title="Release Notes">Release Notes</a>
</li>
<li>
<a href="#" title="Status">Status</a>
</li>
</ul>
</section>
<section>
<h3>Resources</h3>
<ul>
<li>
<a href="#" title="Support">Support</a>
</li>
<li>
<a href="#" title="Sitemap">Sitemap</a>
</li>
<li>
<a href="#" title="Newsletter">Newsletter</a>
</li>
<li>
<a href="#" title="Help Centre">Help Centre</a>
</li>
<li>
<a href="#" title="Investor">Investor</a>
</li>
</ul>
</section>
<section>
<h3>Company</h3>
<ul>
<li>
<a href="#" title="About Us">About Us</a>
</li>
<li>
<a href="#" title="Blog">Blog</a>
</li>
<li>
<a href="#" title="Careers">Careers</a>
</li>
<li>
<a href="#" title="Press">Press</a>
</li>
<li>
<a href="#" title="Contact">Contact</a>
</li>
</ul>
</section>
<section>
<h3>Legal</h3>
<ul>
<li>
<a href="#" title="Terms and services">
Terms
</a>
</li>
<li>
<a href="#" title="Privacy Policy">
Privacy
</a>
</li>
<li>
<a href="#" title="Cookies">
Cookies
</a>
</li>
<li>
<a href="#" title="Licenses">
Licenses
</a>
</li>
<li>
<a href="#" title="Cookies">
Contact
</a>
</li>
</ul>
</section>
</div>
<div class="footer-bottom">
<small>© My Company Ltd. <span id="year"></span>, All rights reserved</small>
<span class='social-links'>
<a href="#" title="Instagram">
<img src="assets/instagram.svg" alt='Instagram'>
</a>
<a href="#" title="Linkedin">
<img src="assets/linkedin.svg" alt='Linkedin'>
</a>
<a href="#" title="Twitter">
<img src="assets/twitter.svg" alt='Twitter'>
</a>
<a href="#" title="Youtube">
<img src="assets/youtube.svg" alt='YouTube'>
</a>
<a href="#" title="GitHub">
<img src="assets/github.svg" alt='GitHub'>
</a>
</span>
</div>
</div>
</footer>
<script>
document.getElementById("year").innerHTML = new Date().getFullYear();
</script>
</body>
</html>