-
Notifications
You must be signed in to change notification settings - Fork 0
/
header-footer.html
54 lines (47 loc) · 2.05 KB
/
header-footer.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
const header = `
<body>
<div class="header">
<div class="header-container section-indent">
<img src="./images/header-logo-desktop.svg" alt="" class="header-logo">
<button class="header-cta modal-trigger">Try It Free</button>
</div>
</div>
`
document.getElementById("e-header").innerHTML = header;
const footer = `
<div class="footer">
<img src="./images/bg-footer-top-desktop.svg" alt="" class="footer-wave">
<div class="footer-main-container">
<div class="footer-content section-indent">
<div class="company-info">
<img src="./images/footer-logo-mobile.svg" alt="" class="footer-logo">
<p class="ftr-tag-line">Let your brand be heard. Make an impact.</p>
<div class="phone">
<img src="" alt="">
<p>Phone: +1-543-123-4567</p>
</div>
<div class="email">
<img src="" alt="">
<p>yo@hollr.com</p>
</div>
<div class="social">
<a href="https://facebook.com"><img src="./images/facebook.svg" alt=""></a>
<a href="https://instagram.com"><img src="./images/instagram.svg" alt=""></a>
<a href="https://twitter.com"><img src="./images/twitter.svg" alt=""></a>
</div>
</div>
<div class="newsletter">
<h4>NEWSLETTER</h4>
<p>To receive tips on how to grow your community, sign up to our weekly newsletter. We'll never send
you spam or pass on your email address.</p>
<div class="input-row">
<input type="text">
<button>Subscribe</button>
</div>
</div>
</div>
</div>
</div>
</body>
`
document.getElementById("e-footer").innerHTML = footer;