-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
164 lines (153 loc) · 7.33 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
---
# Feel free to add content and custom Front Matter to this file.
# To modify the layout, see https://jekyllrb.com/docs/themes/#overriding-theme-defaults
layout: home
---
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-dark bg-darkblue fixed-top">
<div class="container">
<a class="navbar-brand" href="#">Followall</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<!-- <li class="nav-item active">
<a class="nav-link" href="#">Home
<span class="sr-only">(current)</span>
</a>
</li> -->
<li class="nav-item">
<a class="nav-link" href="#more">What is it?</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#how">How does it work?</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contact">Get Followall</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Header - set the background image for the header in the line below -->
<header class="py-5 bg-image-full followall-header">
<img class="img-fluid d-block mx-auto" src="/assets/logo.svg" alt="">
</header>
<!-- Content section -->
<section class="py-5" id="more">
<div class="container">
<h1>Get followers that matter</h1>
<p>You're self-producing content to drive traffic through your website
and build your brand? You're asking people to engage with you on
social media without results? Your analytics tell you that traffic
has gone up but your call to action is getting ignored?</p>
<h3 class="text-center mt-5">You need Followall!</h3>
<br></br>
<p class="text-center">
<a class="btn btn-primary btn-lg" href="#contact" role="button">Get Followall!</a>
</p>
</div>
</section>
<!-- Content section -->
<section class="py-5" id="how">
<div class="container">
<h1>What is Followall?</h1>
<p class="lead">Followall is a tool that allows you to offer content in exchange
for social media engagement. You decide which content is readily available and
what gets followalled.</p>
<blockquote class="blockquote ml-md-5 mt-5 pl-3 py-1 border-left" style="border-width:thick !important;">
<p><b><i>fol·low·walled,</i></b> fɑloʊ wɔld, <i style="font-family: cursive;">v.</i> The act of placing content behind a followall.</p>
<p class="mb-0" style="font-family: 'Kalam', cursive;">I followalled the example in my last blog post and got new followers on Twitter!</p>
</blockquote>
</div>
</section>
<section class="" id="features">
<div class="container">
<div class="row">
<div class="col-md d-flex align-items-stretch">
<div class="card mt-3 py-3 bg-info text-white" style="min-height:282px;">
<!-- <img src="..." class="card-img-top" alt="..."> -->
<div class="card-body">
<h4 class="card-title">Engage to your liking</h4><br/>
<p class="card-text">Followall supports all major social media platforms and email.</p>
</div>
<p class="text-center mb-0">
<span style="font-size: 3em; letter-spacing: 0.3em;"><i class="d-inline fab fa-twitter"></i></span>
<span style="font-size: 3em; letter-spacing: 0.3em;"><i class="d-inline fab fa-linkedin-in"></i></span>
<span style="font-size: 3em; letter-spacing: 0.3em;"><i class="d-inline fas fa-envelope"></i></span>
<span style="font-size: 3em; letter-spacing: 0.3em;"><i class="d-inline fab fa-instagram"></i></span>
<span style="font-size: 3em; letter-spacing: 0.3em;"><i class="d-inline fab fa-facebook-f"></i></span>
</p>
</div>
</div>
<div class="col-md d-flex align-items-stretch">
<div class="card mt-3 py-3 bg-info text-white" style="min-height:282px;">
<!-- <img src="..." class="card-img-top" alt="..."> -->
<div class="card-body">
<h4 class="card-title">Make data-driven decisions</h4><br/>
<p class="card-text">We aggregate and analyze what goes through your Followall so you can decide what's best for your brand.</p>
</div>
<p class="text-center mb-0">
<span style="font-size: 3em; letter-spacing: 0.3em;"><i class="d-inline fas fa-database"></i></span>
</p>
</div>
</div>
<div class="col-md d-flex align-items-stretch">
<div class="card mt-3 py-3 bg-info text-white" style="min-height:282px;">
<!-- <img src="..." class="card-img-top" alt="..."> -->
<div class="card-body">
<h4 class="card-title">No bots, no cuts, no coconuts</h4>
<p class="card-text mb-0">Don't pay for expensive services that end up filling your accounts with sketchy bots. With Followall you'll get followers who actually care about the content you're producing.</p>
</div>
<p class="text-center mb-0">
<span class="fa-stack fa-2x" style="font-size: 2em; letter-spacing: 0.3em;">
<i class="fas fa-robot fa-stack-1x"></i>
<i class="fas fa-ban fa-stack-2x" style="color:Tomato"></i>
</span>
</p>
</div>
</div>
</div>
</div>
</section>
<!-- Content section -->
<section class="py-5" id="how">
<div class="container">
<h1>How does Followall work?</h1>
<p class="lead">Just add our plugin to your website and let our magic enhance
the way you engage with your audience through social media.</p>
<ol>
<li>Select the content you want to followall. It can be a link, a video, a repository. Anything you want.</li>
<li>Choose from different social media platforms and decide your audience's contribution. Follows, likes, shares, etc.</li>
<li>Followall provides you with a simple plugin and a link that goes in your content.</li>
<li>By engaging with you through social media your audience gains access to the content you followalled!</li>
<p class="my-3">…</p>
<li><i>Have some cake to celebrate (optional) :cake:</i></li>
</ol>
</div>
</section>
<!-- Content section -->
<section class="py-5" id="contact">
<div class="container">
<h1>Get Followall</h1>
<p class="lead">Followall is currently under development. Request access to our closed beta, coming spring 2020!</p>
<p><i>We'll use your email only to notify you about Followall.</i></p>
<div class="offset-md-3 col-sm col-md-6">
<form action="https://formspree.io/xggeagkx" method="POST">
<div class="form-group">
<input type="text" class="form-control form-control-lg my-1" name="name" placeholder="Your name">
<input type="email" class="form-control form-control-lg my-1" name="_replyto" placeholder="youremail@example.com">
<input type="submit" class="btn btn-secondary form-control form-control-lg my-1" value="Send">
</div>
</form>
</div>
</div>
</section>
<!-- Footer -->
<footer class="py-5 bg-darkblue">
<div class="container">
<p class="m-0 text-center text-white">Copyright © <a href="https://tesel.tech">Tesel</a> 2019</p>
</div>
<!-- /.container -->
</footer>