-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathgetStarted.html
134 lines (122 loc) · 5.94 KB
/
getStarted.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
<!DOCTYPE html>
<html lang="en-US">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Discover a new internet surfing experience" />
<link rel="icon" href="./images/favicon.ico" />
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css"
integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
<!-- Custom Css -->
<link rel="stylesheet" href="style.css" type="text/css" />
<!-- Ionic icons -->
<link href="https://unpkg.com/ionicons@4.2.0/dist/css/ionicons.min.css" rel="stylesheet">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900" rel="stylesheet">
<title>Surfi | Discover a new internet surfing experience</title>
</head>
<body>
<!-- N A V B A R -->
<nav class="navbar navbar-default navbar-expand-lg fixed-top custom-navbar">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown"
aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="icon ion-md-menu"></span>
</button>
<img src="images/logo.png" class="nav-logo-mobile nav-logo" alt="Surfi Logo">
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<div class="container">
<img src="images/logo.png" class="nav-logo-desktop nav-logo" alt="Surfi Logo">
<ul class="navbar-nav ml-auto nav-right" data-easing="easeInOutExpo" data-speed="1250" data-offset="65">
<li class="nav-item nav-custom-link">
<a class="nav-link" href="index.html">Home <i class="icon ion-ios-arrow-forward icon-mobile"></i></a>
</li>
<li class="nav-item nav-custom-link">
<a class="nav-link" href="index.html#features">Features <i
class="icon ion-ios-arrow-forward icon-mobile"></i></a>
</li>
<li class="nav-item nav-custom-link">
<a class="nav-link" href="index.html#team">Team <i class="icon ion-ios-arrow-forward icon-mobile"></i></a>
</li>
<li class="nav-item nav-custom-link">
<a class="nav-link" href="index.html#enterprises">Enterprises & Developers <i
class="icon ion-ios-arrow-forward icon-mobile"></i></a>
</li>
</ul>
</div>
</div>
</nav>
<!-- E N D N A V B A R -->
<!-- H E R O -->
<section id="hero">
<div class="container content-box">
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
<lottie-player src="https://assets10.lottiefiles.com/packages/lf20_gvmkl8hs.json" mode="bounce"
background="transparent" speed="1" style="width: 80%; height: 80%;" loop autoplay></lottie-player>
</div>
<div class="col-md-8 content-box">
<h3>To install Surfi you need to:</h3>
<ol>
<li>Download the extension from the <a target="_blank"
href="https://chrome.google.com/webstore/detail/surfi/fkbnfdfdgddeocgbgdgelpkcgbjhdeed">Chrome
Store</a>.</li>
<li>Make sure to activate the permissions required by Surfi.</li>
<li>Now you are ready to enjoy a new internet surfing experience!</li>
<li>If you have any feedback do not hesitate to contact us at surfi.team@gmail.com.</li>
</ol>
</div>
</div>
</div>
</section>
<!-- E N D H E R O -->
<!-- C A L L T O A C T I O N -->
<section id="call-to-action">
<div class="container text-center">
<h2>Join the Surfi community now</h2>
<div class="title-block">
<p>Interact with other internet users for discovering new search experiences while gaining access to specialized
content, resources, and information</p>
<iframe width="80%" height="350" src="https://www.youtube-nocookie.com/embed/GjvOWDuv-c0"
title="YouTube video player" frameborder="0" loading="lazy"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>
</div>
</div>
</section>
<!-- E N D C A L L T O A C T I O N -->
<!-- F O O T E R -->
<footer>
<div class="container">
<div class="row">
<div class="col-md-6 col-xs-12">
<a target="_blank" href="mailto:surfi.team@gmail.com"><i class="icon ion-md-mail"></i></a>
<a target="_blank" href="https://github.com/surf-i"><i class="icon ion-logo-github"></i></a>
<a target="_blank" href="https://www.instagram.com/surfi.experience/"><i
class="icon ion-logo-instagram"></i></a>
<a target="_blank" href="https://www.youtube.com/channel/UCCgPheM_SWKznbPMttJw2sg"><i
class="icon ion-logo-youtube"></i></a>
</div>
<div class="col-md-6 col-xs-12">
<small>2022 © All rights reserved. Made by Surfi</small>
</div>
</div>
</div>
</footer>
<!-- E N D F O O T E R -->
<!-- External JavaScripts -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"
integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"
integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T"
crossorigin="anonymous"></script>
<!-- Animations -->
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
</body>
</html>