-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
146 lines (138 loc) · 8.41 KB
/
index.html
File metadata and controls
146 lines (138 loc) · 8.41 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
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Neon White Design Studio - Crafting Tomorrow's Designs Today</title>
<link rel="stylesheet" href="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>
<header class="homeheader">
<h1>Design</h1>
<img src="logo/logo.png"
srcset="logo/logo.png 750w, logo/logo-480.png 480w, logo/logo-360.png 360w"
width="345"
height="240"
alt="Neon White Logo">
<h1>Studio</h1>
</header>
<main class="homepic">
<div class="image-container" >
<a href="about.html">
<!-- the link of logo image is download from the current official website -->
<img
elementtiming="system-gallery-block-grid"
data-src="https://images.squarespace-cdn.com/content/v1/61fd778b0cb2be0c1b903334/1644002893028-RT2D00YQOLWF74JS576P/Copy+of+cover1.jpg"
data-image="https://images.squarespace-cdn.com/content/v1/61fd778b0cb2be0c1b903334/1644002893028-RT2D00YQOLWF74JS576P/Copy+of+cover1.jpg"
data-image-dimensions="3000x3000"
data-image-focal-point="0.5,0.5"
data-load="false"
data-image-id="61fd7e4b3b1ec876bf1f77e5"
data-type="image"
width="350"
height="350"
data-parent-ratio="1.0"
alt="About"
data-image-resolution="1000w"
src="https://images.squarespace-cdn.com/content/v1/61fd778b0cb2be0c1b903334/1644002893028-RT2D00YQOLWF74JS576P/Copy+of+cover1.jpg?format=1000w">
<div class="image-text">About</div>
</a>
</div>
<div class="image-container">
<a href="works.html">
<img
elementtiming="system-gallery-block-grid"
data-src="https://images.squarespace-cdn.com/content/v1/61fd778b0cb2be0c1b903334/1644002892922-6GF1I1B45CP5ATWF6S22/Copy+of+cover%281%29.jpg"
data-image="https://images.squarespace-cdn.com/content/v1/61fd778b0cb2be0c1b903334/1644002892922-6GF1I1B45CP5ATWF6S22/Copy+of+cover%281%29.jpg"
data-image-dimensions="3000x3000"
data-image-focal-point="0.5,0.5"
data-load="false"
data-image-id="61fd7e4a3acc940cef0e6066"
data-type="image"
data-parent-ratio="1.0"
alt="Gallery"
width="350"
height="350"
data-image-resolution="1000w"
src="https://images.squarespace-cdn.com/content/v1/61fd778b0cb2be0c1b903334/1644002892922-6GF1I1B45CP5ATWF6S22/Copy+of+cover%281%29.jpg?format=1000w">
<div class="image-text">Gallery</div>
</a>
</div>
<div class="image-container">
<a href="quote.html">
<img
elementtiming="system-gallery-block-grid"
data-src="https://images.squarespace-cdn.com/content/v1/61fd778b0cb2be0c1b903334/1644002895781-KM5JETW8NVYD7WLB45GV/Copy+of+III+COVER.jpg"
data-image="https://images.squarespace-cdn.com/content/v1/61fd778b0cb2be0c1b903334/1644002895781-KM5JETW8NVYD7WLB45GV/Copy+of+III+COVER.jpg"
data-image-dimensions="3000x3000"
data-image-focal-point="0.5,0.5"
data-load="false"
data-image-id="61fd7e4ddaacdb527362be32"
data-type="image"
data-parent-ratio="1.0"
alt="Get Quote"
width="350"
height="350"
data-image-resolution="1000w"
src="https://images.squarespace-cdn.com/content/v1/61fd778b0cb2be0c1b903334/1644002895781-KM5JETW8NVYD7WLB45GV/Copy+of+III+COVER.jpg?format=1000w">
<div class="image-text">Get A Quote</div>
</a>
</div>
<div class="image-container" >
<a href="contact.html">
<img class="thumb-image loaded"
elementtiming="system-gallery-block-grid"
data-src="https://images.squarespace-cdn.com/content/v1/61fd778b0cb2be0c1b903334/1644002890622-KTWIW0VNHU0LRNLXRRTK/Copy+of+COVER.JPG"
data-image="https://images.squarespace-cdn.com/content/v1/61fd778b0cb2be0c1b903334/1644002890622-KTWIW0VNHU0LRNLXRRTK/Copy+of+COVER.JPG"
data-image-dimensions="2048x2048"
data-image-focal-point="0.5,0.5"
data-load="false"
data-image-id="61fd7e4a0ff58a111f1a4427"
data-type="image"
data-parent-ratio="1.0"
alt="Contact"
width="350"
height="350"
data-image-resolution="1000w"
src="https://images.squarespace-cdn.com/content/v1/61fd778b0cb2be0c1b903334/1644002890622-KTWIW0VNHU0LRNLXRRTK/Copy+of+COVER.JPG?format=1000w">
<div class="image-text">Contact</div>
</a>
</div>
</main>
<script src = "image-interactions.js"></script>
</body>
<footer>
<div class="footertext" style="color:white">
<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>