-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathstore.html
140 lines (139 loc) · 6.92 KB
/
store.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Thermofax Repair Seattle</title>
<link rel="stylesheet" href="main.css">
<link rel="stylesheet" href="subpages.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:wght@700&family=Montserrat:wght@300&display=swap" rel="stylesheet">
</head>
<body>
<!-- Header Section -->
<header>
<div class="logo">
<a href="mainhomepage.html">
<img src="images/tfrsllogo.png" alt="Thermofax Repair Seattle">
</a>
</div>
<nav class="topnav">
<ul>
<li><a href="mainhomepage.html">Home</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="store.html" class="viewing">Store</a></li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
<div class="cta-button">
<a href="repair.html">REQUEST REPAIR</a>
</div>
</header>
<!-- Value Prop Statement Section -->
<h2 class="about-title">Store</h2>
<div class="contact-boxes">
<div class="contact-box">
<h2 class="aboutdetails">Launching Soon!</h2>
<p class="aboutdetails">Follow us on <a href="https://www.instagram.com/thermofax_repair_seattle/" class="store-ig">Instagram</a> for updates on when we launch our store!</p>
</div>
</div>
<!-- COMMON FOOTER -->
<section>
<div class="IG">
<h2 class="instagram" id="instagram">- Instagram Feed -</h2>
<script src="https://static.elfsight.com/platform/platform.js" data-use-service-core defer></script>
<div class="elfsight-app-dc0e8e61-9c89-4f34-9f12-fad7c3af36f8" data-elfsight-app-lazy></div>
</div>
</section>
<footer>
<!-- Trusted By Section -->
<h2 class="trust">- Trusted By -</h2>
<div class="box-trust-container">
<div class="box-trust">
<img src="images/barebonestattoo.png" alt="Bare Bones Tattoo Shop" class="trustimages">
<p class="trustus">Bare Bones Tattoo</p>
</div>
<div class="box-trust">
<img src="images/blacksparrowtattoo.png" alt="Black Sparrow Tattoo Shop" class="trustimages">
<p class="trustus">Black Sparrow Tattoo</p>
</div>
<div class="box-trust">
<img src="images/holycobratattoo.png" alt="Holy Cobra Tattoo Shop" class="trustimages">
<p class="trustus">Holy Cobra Tattoo</p>
</div>
<div class="box-trust">
<img src="images/oldrosetattoo.png" alt="Old Rose Tattoo Shop" class="trustimages">
<p class="trustus">Old Rose Tattoo</p>
</div>
<div class="box-trust"><img src="images/locallyfamoustattoo.png" alt="Step 1 Image" class="trustimages">
<p class="trustus">Locally Famous Tattoo</p>
</div>
</div>
<!-- Testimonials Section -->
<h2 class="testimonials">What people think of Thermofax Repair...</h2>
<div class="box-testimonials-container">
<div class="box-testimonials">
<img src="images/johnnyb.png" alt="testimonial by" class="testimonialsimages">
<div class="box-testimonials-text">
<h3 class="testimonials">Johnny Beavers</h3>
<p class="stepnote">IF YOU'RE A TATTOOER YOU KNOW HOW HARD THIS IS TO FIND... THEY DON'T MAKE THEM LIKE THIS ANYMORE</p>
</div>
</div>
<div class="box-testimonials">
<img src="images/hinterm.png" alt="testimonial by" class="testimonialsimages">
<div class="box-testimonials-text">
<h3 class="testimonials">Hinter Masken</h3>
<p class="stepnote">A BIG THANK YOU TO THERMOFAX REPAIR SEATTLE FOR GETTING MY BABY ALL TUNED UP AND RUNNING LIKE A DREAM!! HIGHLY RECOMMEND TO ANYONE WITH A THERMOFAX OF ANY KIND!</p>
</div>
</div>
<div class="box-testimonials">
<img src="images/kellym.png" alt="testimonial by" class="testimonialsimages">
<div class="box-testimonials-text">
<h3 class="testimonials">Kelly McMurray</h3>
<p class="stepnote">IF YOU NEED ANY HELP WITH YOUR THERMOFAX, THERMOFAX REPAIR SEATTLE IS YOUR GUY!! THANKS FOR HELPING ME WITH MY REFURB!</p>
</div>
</div>
</div>
<!-- Footer Link Menu -->
<div class="bottomlinkmenu">
<div class="bottomlinkmenulogo">
<a href="/mainhomepage.html">
<img src="images/tfrsllogo.png" alt="Thermofax Repair Seattle">
</a>
</div>
<nav class="bottomnav">
<h2 class="bottommenu">Menu</h2>
<ul>
<li><a href="mainhomepage.html">Home</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="store.html">Store</a></li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
<div class="subscribe-bottom">
<h2 class="bottommenu">Stay Updated</h2>
<p class="bottommenu">We promise not to spam you.</p>
<div class="subscribe-button-bottom">
<a href="#subscribe">Subscribe</a>
</div>
</div>
<div class="cta-bottom">
<h2 class="bottommenu">Thermofax Repairs</h2>
<p class="bottommenu">Learn about our <a href="services.html">thermofax repair services</a> and get started today!</p>
<div class="cta-button-bottom">
<a href="repair.html">REQUEST REPAIR</a>
</div>
</div>
</div>
<p class="footernote">Copyright © 2021-<span id="this-year"></span> Thermofax Repair Seattle | Thermofax Repairs - All Rights Reserved.
<a id="html-checker" href="#" target="_blank">Check HTML</a> ~ <a id="css-checker" href="#" target="_blank">Check CSS</a>
</p>
</footer>
<script src="main.js"></script>
</body>
</html>