This repository has been archived by the owner on Apr 20, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
215 lines (176 loc) · 9.59 KB
/
index.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
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
<html>
<head>
<title>Finned: Smarten Your Ads</title>
<!-- local assets -->
<link rel="stylesheet" href="assets/stylesheet.css"/>
<script src="assets/script.js" defer></script>
<!-- specifiy metas for mobile -->
<meta charset="UTF-8">
<meta property="og:title" content="Finned: Smarten Your Ads">
<meta property="og:description" content="Finned AI Advertising Solutions">
<meta property="og:type" content="website">
<meta property="og:url" content="https://finned.tech">
<meta property="og:image" content="assets/images/logo.png">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<!-- external assets -->
<script src="https://smtpjs.com/v3/smtp.js" defer></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta2/css/all.min.css" integrity="sha512-YWzhKL2whUzgiheMoBFwW8CKV4qpHQAEuvilg9FAn5VJUDwKZZxkJNuGM4XkWuk94WCrrwslk8yWNGmY1EduTA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<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=Montserrat:wght@800&display=swap" rel="stylesheet">
</head>
<body>
<div class="navbar">
<img src="assets/images/logo.png"/>
<a href="#faqs">FAQs</a>
<a href="#contact">Contact</a>
<a href="#features">Features</a>
<a href="#why-finned">Why Finned?</a>
</div>
<div class="main">
<!-- 1 screen -->
<div class="header fullscreen">
<div class="overlay">
<div class="centered-vertically" style="text-align:center; top:40%;">
<img class="logo" src="assets/images/logo.png"/>
<h1 class="title">
<mark class="dark">Finned: Smarten <br> Your Ads.</mark>
</h1>
</div>
<img style="width:2.5%;position: absolute !important;bottom:0px;" class="centered inverse" src="assets/images/arrow-down.png"/>
</div>
</div>
<!-- 3/4 screen -->
<div class="summary" id="why-finned">
<h1 class="title">
<mark class="light">Why Finned?</mark>
</h1>
<h1 style="color: var(--text-primary); width:50%;">
Finned's proprietary AI software decides which ads to display, when. By doing so, Finned increases conversions and brings more attention to <i>your</i> product.
</h1>
<div class="contact-box vertically">
<h2 style="color: var(--text-secondary); text-align:center;">
<i class="fa-solid fa-phone"></i> (863)-944-5253
<br>
<br>
<i class="fa-solid fa-envelope"></i> [email protected]
</h2>
<button class="centered" onclick="location.href=`mailto:[email protected]`"> Contact </button>
</div>
</div>
<!-- 1 - 1.5 screen -->
<div class="benefits" id="features">
<br>
<div class="benefit-box">
<h1 class="title">
<mark class="dark">
Simple
</mark>
</h1>
<h2>
Finned has an intuitive UI and simple commands, allowing <i>you</i> and <i>your</i> company to be as productive as possible, without worrying about the more difficult side of advertising.
</h2>
</div>
<div class="benefit-box">
<h1 class="title">
<mark class="dark">
Powerful
</mark>
</h1>
<h2>
Finned provides a <i>powerful</i> suite of tools to increase leads and conversions on <i>your</i> digital billboards.
</h2>
</div>
<div class="benefit-box">
<h1 class="title">
<mark class="dark">
Customisable
</mark>
</h1>
<h2>
Finned puts <i>you</i> in control of your ads, taking care of the more redundant tasks itself. With its easy-to-use interface, Finned gives <i>you</i> control of ads uploads, edits, and removals.
</h2>
</div>
<div class="benefit-box">
<h1 class="title">
<mark class="dark">
Cross-Platform
</mark>
</h1>
<h2>
Finned runs on most any system, from a standard desktop computer to an old laptop. It uses open-source libraries to ensure support is as broad as possible.
</h2>
</div>
</div>
<!-- 1 screen -->
<div class="contact" id="contact">
<div class="fullscreen bkg2">
<div class="overlay">
<div class="vertically" style="text-align:right;">
<mark class="title dark" style="margin-right: 5%; display:inline-block;">
Contact Us!
</mark>
<br>
<form style="margin-right: 5%; display: inline-block;" onsubmit="mail(); return false;">
<label for="name">Name</label>
<input required id="name" class="formcontrol" type="text"/>
<label for="email">Email Address</label>
<input required id="email" class="formcontrol" type="email"/>
<label for="body">Message</label>
<textarea id="body" class="formcontrol"></textarea>
<br><br>
<button id="send" class="formcontrol" type="submit">Submit</button>
</form>
</div>
</div>
</div>
</div>
<!-- 3/4 screen -->
<div class="faqs" id="faqs">
<h1 class="centered title" style="text-align: center;">
<mark class="dark">
FAQs
</mark>
</h1>
<div class="dropdowns">
<details>
<summary><h1 class="mark">About Finned</h1></summary>
<h4>Finned is a tool suite designed for increasing sales leads through relevant advertising. Similar to ad-personalisation tools that companies like Google and Microsoft use, Finned "personalises" advertisements shown on your didgital billboards to the preferences of the nearby people.</h4>
</details>
<details>
<summary><h1 class="mark">Is Finned right for me?</h1></summary>
<h4>Finned is for anyone who locally hosts or controls a digital billboard. Finned integrates with display tools with two methods - sending advertisements over sockets to a specified IP, or by displaying ads on your computer screen.</h4>
</details>
<details>
<summary><h1 class="mark">How to use Finned.</h1></summary>
<h4>To use Finned, first <a href="mailto:[email protected]">contact</a> us to negiotiate your package and pricing as determined by your billboard location and pricing. After purchasing Finned, a representative will remotely walk you through the setup process.</a></h4>
</details>
</div>
</div>
<!-- 1/2 screen -->
<div class="footer" style="text-align:center; padding-bottom:1%;">
<div class="tri">
<img src="assets/images/logo.png" style="position:relative;width:75%;"/>
<h3> Finned: Smarten Your Ads. </h3>
</div>
<div class="tri">
<h1>About</h1>
<h3> Finned is a productivity tool suite for displaying relevant advertisements on digital billboards. By using a proprietary AI, it determines the best ads to show, and when, to gather the most leads and views. </h3>
</div>
<div class="tri">
<h1>Get In Touch</h1>
<h3>
<i class="fa-solid fa-phone"></i> (863)-944-5253
<br>
<br>
<i class="fa-solid fa-envelope"></i> [email protected]
</h3>
<button onclick="location.href=`mailto:[email protected]`"> Contact </button>
</div>
<h3>Copyright (©) 2022 <b>Finn Lancaster</b></h3>
</div>
</div>
</body>
</html>