-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
123 lines (117 loc) · 9.57 KB
/
Copy pathindex.html
File metadata and controls
123 lines (117 loc) · 9.57 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="3D design and rendering firm, specializing in architectural renderings and custom fabrication design and renders.">
<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=Archivo+Narrow:ital,wght@0,400;0,600;1,400;1,600&display=swap" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<title>Archer Visual Design</title>
<style>
html {
scroll-behavior: smooth;
}
h1,h2,h3,h4,h5,
.display-1, .display-2, .display-3, .display-4 {
font-family: 'Archivo Narrow', arial, sans-serif;
}
.page {
min-height: 95vh;
}
</style>
</head>
<body>
<content>
<div id="home" class="page d-flex flex-column justify-content-center align-items-center">
<div class="container logo">
<a href="#about" class="text-dark">
<svg id="Archer" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 259.2 260.28">
<defs>
<style>.cls-1 {fill: none}</style>
</defs>
<path fill="none" d="M259.2 260.28H0V0h259.2Zm-124-238.81c.25.53.43.86.58 1.22q2.1 5 4.21 10.05l15.72 37.56q8.47 20.22 16.92 40.44c3.84 9.2 7.63 18.43 11.44 27.65.57 1.36 1.24 2.68 1.76 4.06 1.88 4.92 3.7 9.87 5.58 14.79q8.6 22.49 17.22 45L223 239.43a5 5 0 0 0 5 3.57h11.86c1.38 0 2.76-.06 4.25-.1-.14-.42-.22-.72-.34-1q-4.62-11.31-9.25-22.63-14.38-35.2-28.74-70.44c-1-2.5-1.92-5.07-2.78-7.64a16.79 16.79 0 0 0-1-2.54c-.77-1.43-1.49-2.89-2.12-4.39-1.53-3.6-3-7.23-4.47-10.85L174.5 72.3q-12.64-30.87-25.27-61.74c-.49-1.21-1-2.42-1.52-3.71H124.4c-.17.42-.35.86-.52 1.3q-13 33.66-26.08 67.34-9.45 24.33-18.93 48.66c-1.34 3.45-2.65 6.92-4 10.32l.83.89c-1 .47-1.94.82-2.4 1.83a5.93 5.93 0 0 0-.54 1.48 12.81 12.81 0 0 1-1.22 2.84 4.62 4.62 0 0 0-.57 1.16c-.27 2.62-1.35 5-2.23 7.42-2 5.59-4.23 11.12-6.36 16.67q-14.37 37.4-28.73 74.79c-.14.37-.26.73-.42 1.18H50.7c.3-.71.6-1.4.86-2.11l36-99.24c.3-.82.72-1.6 1.06-2.41s.76-1.82 1.1-2.75c.16-.4.19-.85.35-1.25q3.87-9.81 7.76-19.6 11.05-27.82 22.12-55.65l14.73-37.06c.14-.32.32-.66.55-1.19Z" />
<path fill="currentColor" d="M135.23 21.47c-.24.53-.41.87-.55 1.22L120 59.75q-11.07 27.83-22.12 55.65-3.89 9.79-7.76 19.6c-.16.4-.19.85-.35 1.25-.34.93-.71 1.84-1.1 2.75s-.76 1.59-1.06 2.41l-36 99.24c-.26.71-.56 1.4-.86 2.11H33.28c.16-.45.28-.81.42-1.18q14.35-37.4 28.73-74.79c2.13-5.55 4.33-11.08 6.36-16.67.88-2.42 2-4.8 2.23-7.42a4.62 4.62 0 0 1 .57-1.16 12.81 12.81 0 0 0 1.22-2.84 5.93 5.93 0 0 1 .54-1.48c.46-1 1.41-1.36 2.4-1.83l-.83-.89c1.3-3.4 2.61-6.87 4-10.32q9.46-24.33 18.93-48.66 13.05-33.67 26.08-67.34c.17-.44.35-.88.52-1.3h23.34c.52 1.29 1 2.5 1.52 3.71q12.63 30.87 25.27 61.74l20.91 51.11c1.48 3.62 2.94 7.25 4.47 10.85.63 1.5 1.35 3 2.12 4.39a16.79 16.79 0 0 1 1 2.54c.86 2.57 1.76 5.14 2.78 7.64q14.34 35.24 28.74 70.44 4.62 11.33 9.25 22.63c.12.28.2.58.34 1-1.49 0-2.87.1-4.25.1-4 0-7.91-.07-11.86 0a5 5 0 0 1-5.09-3.56l-14.29-37.23q-8.62-22.47-17.22-45c-1.88-4.92-3.7-9.87-5.58-14.79-.52-1.38-1.19-2.7-1.76-4.06-3.81-9.22-7.6-18.45-11.44-27.65q-8.43-20.24-16.92-40.44L140 32.74q-2.12-5-4.21-10.05c-.13-.36-.31-.69-.56-1.22Z" />
<path d="M1091 671H830V409h261ZM842.17 557.17l.37 1.34h5.37c13.5 0 27-.32 40.49.12 7.46.25 14-.52 19.06-6.7a10.22 10.22 0 0 1 10-3.41l.93 1.53-12 8.21c6.94.93 11.5-3.51 13.89-8.79 4.32 0 7.55.12 10.77 0 9.79-.43 19.57-1.21 29.37-1.39 13.49-.24 27 .55 40.48-.26 10-.6 18.4 4.3 27.66 6.05a20.41 20.41 0 0 0 9.39-.45c3.3-1 6.22-3.26 10.26-5.5l-6.58 14 38.78-14.67-38.53-14.49c2.33 5.2 4.19 9.37 6.43 14.38-4.42-2.38-7.88-5.66-11.42-5.76-3.77-.11-7.63 2.8-11.57 4.44-2.41 0-5.3-.12-8.17 0-1.81.1-3.6.94-5.38.9-25.45-.51-50.89-1.12-76.34-1.68a24.51 24.51 0 0 0-4.45.25 32.29 32.29 0 0 1-21.61-3.89c-4.61-2.59-9.85-4.05-14.81-6l-.81 1.66 11.51 7.34c-3.21 3.6-6.38 3.11-9.42 1.31a95 95 0 0 1-8.6-6c-7.68-5.77-16.22-3.17-24.7-2.39L877 546c-7.38 2.11-12.76-.35-18-3.2s-10.23-6.6-17.11-5.84l16.73 10.46Z" class="cls-1" transform="translate(-830 -409)" />
<path fill="currentColor" d="m842.17 557.17 16.49-9.74L841.93 537c6.88-.76 11.82 2.95 17.11 5.84s10.61 5.31 18 3.2l-14.45-8.63c8.48-.78 17-3.38 24.7 2.39a95 95 0 0 0 8.6 6c3 1.8 6.21 2.29 9.42-1.31l-11.51-7.34.81-1.66c5 2 10.2 3.43 14.81 6a32.29 32.29 0 0 0 21.58 3.86 24.51 24.51 0 0 1 4.45-.25c25.45.56 50.89 1.17 76.34 1.68 1.78 0 3.57-.8 5.38-.9 2.87-.16 5.76 0 8.17 0 3.94-1.64 7.8-4.55 11.57-4.44 3.54.1 7 3.38 11.42 5.76-2.24-5-4.1-9.18-6.43-14.38l38.53 14.49-38.78 14.67 6.58-14c-4 2.24-7 4.48-10.26 5.5a20.41 20.41 0 0 1-9.39.45c-9.26-1.75-17.62-6.65-27.66-6.05-13.45.81-27 0-40.48.26-9.8.18-19.58 1-29.37 1.39-3.22.14-6.45 0-10.77 0-2.39 5.28-7 9.72-13.89 8.79l12-8.21-.93-1.53a10.22 10.22 0 0 0-10 3.41c-5.11 6.18-11.6 7-19.06 6.7-13.48-.44-27-.12-40.49-.12h-5.37Zm34.44-8.76c-10.23-2.09-18.09 1.68-25.13 8.24 5.67 3.45 16.79-.23 25.13-8.24Zm27.12-.2c-9-2-14.57 4.42-21.56 8 7.48 4.6 18.92.22 21.56-8Z" transform="translate(-830 -409)">
<animateTransform
attributeName="transform"
attributeType="XML"
dur="2s"
from="-3800 -409"
repeatCount="0"
to="-830 -409"
type="translate"
calcMode="spline"
keySplines="0.1 0.3 0.1 1;0.1 0.8 0.1 1"
keyTimes="0;0.75;1"
restart="always"
/>
</path>
<path fill="currentColor" d="M876.61 548.41c-8.34 8-19.46 11.69-25.13 8.24 7.04-6.56 14.9-10.33 25.13-8.24Zm27.12-.2c-2.64 8.22-14.08 12.6-21.56 8 6.99-3.58 12.58-10 21.56-8Z" class="cls-1" transform="translate(-830 -409)">
<animateTransform
attributeName="transform"
attributeType="XML"
dur="2s"
from="-3800 -409"
repeatCount="0"
to="-830 -409"
type="translate"
calcMode="spline"
keySplines="0.1 0.3 0.1 1;0.1 0.8 0.1 1"
keyTimes="0;0.75;1"
restart="always"
/>
</path>
</svg>
</a>
</div>
<div class="container">
<div class="row">
<div class="col mt-4 text-center">
<a href="#about" class="text-secondary">
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/>
</svg>
</a>
</div>
</div>
</div>
</div>
<div id="about" class="page d-flex justify-content-center align-items-center bg-dark text-light">
<div class="container pt-4">
<h1 class="display-1 my-4">Archer Visual Design</h1>
<h2 class="display-3 my-4">3D design and rendering firm, specializing in <u>architectural renderings</u> and <u>custom fabrication design</u> and <u>renders</u>.</h2>
<hr />
<p class="lead mt-4">Our website is currently under construction, follow us on instagram or shoot us an e-mail in the meantime.</p>
<p>
<a href="https://www.instagram.com/archer4visual" target="_blank" class="display-4 my-4" title="Visit Archer Visual Design on Instagram">
<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-instagram"><rect x="2" y="2" width="20" height="20" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"></line></svg>archer4visual
</a>
</p>
<p>
<a href="mailto:john@archer4.com" class="display-4 my-4" class="E-mail John, Founder and CEO of Archer Visual Design">
<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-mail"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>john@archer4.com
</a>
</p>
</div>
</div>
</content>
<footer>
<div class="container border-top">
<p class="text-center my-4">© Archer Visual Design, 2022.</p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
<script language="javascript">
document.getElementById("Archer").addEventListener("click", evt => {
evt.preventDefault();
setTimeout(() => { document.location='#about' }, 2000);
document.querySelectorAll("animateTransform").forEach(element => {
element.beginElement();
});
});
</script>
</body>
</html>