-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathabout.html
More file actions
126 lines (112 loc) · 6.21 KB
/
about.html
File metadata and controls
126 lines (112 loc) · 6.21 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About Neon White - Where Design Meets Innovation | NEON WHITE</title>
<link rel="stylesheet" href="about-styles.css">
<link rel="stylesheet" href="general-styles.css">
<link rel="icon" type="image/x-icon"
href="https://images.squarespace-cdn.com/content/v1/61fd778b0cb2be0c1b903334/da3da886-8103-47b0-93c3-b7f14e566cb6/favicon.ico?format=100w" />
</head>
<body>
<div class="topbar">
<a href="index.html">
<img class="side-logo" src="logo/logo.png"
srcset="logo/logo.png 750w, logo/logo-480.png 480w, logo/logo-360.png 360w"
width="138"
height="96"
alt="Neon White Logo">
</a>
<nav>
<ul>
<li class="target"><a href="about.html">About</a></li>
<li><a href="works.html">Gallery</a></li>
<li><a href="quote.html">Get A Quote</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</div>
<main>
<h2>About Us</h2>
<div class = "buttons">
<button type="button" class="arrow-button left-button">‹</button>
<div id="about-pic-container">
<img id="about-pic"
data-src="https://images.squarespace-cdn.com/content/v1/61fd778b0cb2be0c1b903334/1699651474435-OWDW7EWV0OV2NU5PBZ7L/IMG_5696.JPG"
data-image="https://images.squarespace-cdn.com/content/v1/61fd778b0cb2be0c1b903334/1699651474435-OWDW7EWV0OV2NU5PBZ7L/IMG_5696.JPG"
data-image-dimensions="2048x2732"
data-image-focal-point="0.5,0.5"
data-load="false"
data-image-id="654e9f9133abc157cd3c853a"
data-type="image"
alt="about-pic"
data-image-resolution="750w"
src="https://images.squarespace-cdn.com/content/v1/61fd778b0cb2be0c1b903334/1699651474435-OWDW7EWV0OV2NU5PBZ7L/IMG_5696.JPG?format=750w">
</div>
<button type="button" class="arrow-button right-button">›</button>
</div>
<h1><strong>NEON WHITE </strong>DESIGN STUDIO</h1>
<p>We’re a design studio that captures, influences and fuses the culture of today with the products of tomorrow.
We’ve designed everything from album covers and movie posters to brand new tech and consumer products.
</p>
</main>
<div class="center-container">
<button class="quote-button">
<a href="quote.html">GET A QUOTE</a>
</button>
</div>
<script src = "change-image.js"></script>
</body>
<footer>
<div class="footertext">
<strong>
<em>FUTURE</em>
</strong>
<em>OF DESIGN</em>
</div>
<div id="footerBlocks" class="social-links sqs-svg-icon--list" data-content-field="connected-accounts">
<a href="https://www.facebook.com/NEON-WHITE-107847851855658" target="_blank"
class="sqs-svg-icon--wrapper facebook-unauth">
<div>
<svg class="sqs-svg-icon--social" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100"
height="100" viewBox="0 0 48 48">
<path fill="#3dd9eb"
d="M29,3c-5.523,0-10,4.477-10,10v32h8V14c0-2.209,1.791-4,4-4h4V3.322C33.091,3.125,30.921,2.996,29,3 L29,3z">
</path>
<polygon fill="#3dd9eb" points="34,25.979 13,25.979 13,18 35,18"></polygon>
<rect width="8" height="7.979" x="19" y="18" fill="#00b3d7"></rect>
</svg>
</div>
</a>
<a href="https://www.instagram.com/neonwhitedesigns/" target="_blank"
class="sqs-svg-icon--wrapper instagram-unauth">
<div>
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100" height="100" viewBox="0,0,256,256"
style="fill:#FFDCEB;">
<g fill="#f25081" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt"
stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0"
font-family="none" font-weight="none" font-size="none" text-anchor="none"
style="mix-blend-mode: normal">
<g transform="scale(9.84615,9.84615)">
<path
d="M7.54688,0c-4.15625,0 -7.54687,3.39063 -7.54687,7.54688v10.90625c0,4.15625 3.39063,7.54688 7.54688,7.54688h10.90625c4.15625,0 7.54688,-3.39062 7.54688,-7.54687v-10.90625c0,-4.15625 -3.39062,-7.54687 -7.54687,-7.54687zM7.54688,2h10.90625c3.07422,0 5.54688,2.46875 5.54688,5.54688v10.90625c0,3.07422 -2.46875,5.54688 -5.54687,5.54688h-10.90625c-3.07422,0 -5.54687,-2.46875 -5.54687,-5.54687v-10.90625c0,-3.07422 2.46875,-5.54687 5.54688,-5.54687zM20.5,4c-0.82812,0 -1.5,0.67188 -1.5,1.5c0,0.82813 0.67188,1.5 1.5,1.5c0.82813,0 1.5,-0.67187 1.5,-1.5c0,-0.82812 -0.67187,-1.5 -1.5,-1.5zM13,6c-3.85547,0 -7,3.14453 -7,7c0,3.85547 3.14453,7 7,7c3.85547,0 7,-3.14453 7,-7c0,-3.85547 -3.14453,-7 -7,-7zM13,8c2.77344,0 5,2.22656 5,5c0,2.77344 -2.22656,5 -5,5c-2.77344,0 -5,-2.22656 -5,-5c0,-2.77344 2.22656,-5 5,-5z">
</path>
</g>
</g>
</svg>
</div>
</a>
<a href="https://www.linkedin.com/company/neon-white/" target="_blank"
class="sqs-svg-icon--wrapper linkedin-unauth">
<div>
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100" height="100" viewBox="0 0 48 48">
<path fill="#0288d1"
d="M8.421 14h.052 0C11.263 14 13 12 13 9.5 12.948 6.945 11.263 5 8.526 5 5.789 5 4 6.945 4 9.5 4 12 5.736 14 8.421 14zM4 17H13V43H4zM44 26.5c0-5.247-4.253-9.5-9.5-9.5-3.053 0-5.762 1.446-7.5 3.684V17h-9v26h9V28h0c0-2.209 1.791-4 4-4s4 1.791 4 4v15h9C44 43 44 27.955 44 26.5z">
</path>
</svg>
</div>
</a>
</div>
</footer>
</html>