-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
183 lines (181 loc) · 9.65 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Beenzer Landing Page </title>
<meta content="" name="description">
<meta content="" name="keywords">
<!-- Favicons -->
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="./assets/img/icon_79b6439e39071f19d05476e1b472da21.ico">
<link rel="icon" type="image/png" sizes="16x16" href="./assets/img/icon_79b6439e39071f19d05476e1b472da21.ico">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
<link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet">
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
<link href="assets/css/style.css" rel="stylesheet">
</head>
<body>
<!-- ======= Header ======= -->
<header id="header" class="fixed-top d-flex align-items-center header-transparent">
<div class="container d-flex align-items-center justify-content-between">
<div class="logo">
<h1><a href="index.html"><span>Beenzer</span></a></h1>
</div>
<nav id="navbar" class="navbar">
<ul>
<li><a class="nav-link scrollto active" href="#hero">Home</a></li>
<li><a class="nav-link scrollto" href="#about">About </a></li>
<li><a class="nav-link scrollto" href="#contact">Contact</a></li>
</ul>
<i class="bi bi-list mobile-nav-toggle"></i>
</nav>
</div>
</header>
<!-- End Header -->
<!-- ======= Hero Section ======= -->
<section id="hero">
<div class="container">
<div class="row justify-content-between">
<div class="col-lg-7 pt-5 pt-lg-0 order-2 order-lg-1 d-flex align-items-center">
<div data-aos="zoom-out">
<h1>Join the revolution of social media <span>with Beenzer!</span></h1>
<h2 id="my-desc">For creators & collectors, convert your posts in NFTs with a single click!</h2>
<div class="text-center text-lg-start">
<a href="#about" ><img src="./assets/img/pngegg.png" id="apple-badge" alt="google-play-badge"></a>
<a href="#features" ><img src="./assets/img/google-play-badge.png" id="google-badge" alt="google-play-badge"></a>
</div>
</div>
</div>
<div class="col-md-5 order-2 order-lg-2" data-aos="zoom-out" data-aos-delay="300" id="my-div-video" >
<!-- <img src="assets/img/Screenshot 2022-12-08 at 12.47.54.png" class="img-fluid animated rounded-5 shadow-lg" alt=""> -->
<video width="900" height="700" autoplay loop muted class="mr-20 animated" id="my-video">
<source src="./assets/img/Sans titre (Story Instagram) (1).mp4" type="video/mp4" >
Your browser does not support the video tag.
</video>
</div>
</div>
</div>
<svg class="hero-waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 24 150 28 " preserveAspectRatio="none">
<defs>
<path id="wave-path" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z">
</defs>
<g class="wave1">
<use xlink:href="#wave-path" x="50" y="3" fill="rgba(255,255,255, .1)">
</g>
<g class="wave2">
<use xlink:href="#wave-path" x="50" y="0" fill="rgba(255,255,255, .2)">
</g>
<g class="wave3">
<use xlink:href="#wave-path" x="50" y="9" fill="#fff">
</g>
</svg>
</section><!-- End Hero -->
<main id="main">
<!-- ======= About Section ======= -->
<section id="about" class="about">
<div class="container-fluid">
<div class="row">
<div class="col-xl-5 col-lg-6 d-flex justify-content-center align-items-stretch" data-aos="fade-right">
<img src="./assets/img/vecteezy_3d-illustration-ethereum-coin-and-nft-coin_10877530_48.png" id="nft-img" alt="nft">
</div>
<div class="col-xl-7 col-lg-6 icon-boxes d-flex flex-column align-items-stretch justify-content-center py-5 px-lg-5" data-aos="fade-left">
<h3>How it works?</h3>
<p class="text-align-justify">Beenzer is the first mobile web3 application built within Solana, the fastest and most scalable blockchain. With Beenzer, you can create and share your content (pictures, videos, or audios) without having to sign up. Simply log in with your Phantom wallet and start posting beenzers. Each time you post, a new signature request will open in your Phantom wallet. Once you sign the digital contract, a new unique NFT will be minted and dropped in your wallet – you own your beenzers! You can hold them, transfer them to your friends' wallets, or easily sell them on Magic Eden, Open Sea, or any other NFT marketplace.
Beenzer is the content creators' revolution! You can also explore and discover unique beenzers around the world on our map. Interact with the beenzers in your area, make comments, and make offers to the owners. You can even chat with other content creators, meet your heroes, or connect with amazing people from around the world.
Join the Beenzer revolution today and own your content! Have you been there?</p>
<div class="icon-box" data-aos="zoom-in" data-aos-delay="100">
<div class="icon"><i class="bx bx-fingerprint"></i></div>
<h4 class="title"><a href="">Secure</a></h4>
<p class="description">Connect your wallet to a safe enviroment</p>
</div>
<div class="icon-box" data-aos="zoom-in" data-aos-delay="200">
<div class="icon"><i class="bx bx-gift"></i></div>
<h4 class="title"><a href="">NFT's</a></h4>
<p class="description">Change your photos to a NFT, sell them and buy from others.</p>
</div>
<div class="icon-box" data-aos="zoom-in" data-aos-delay="300">
<div class="icon"><i class="bx bx-atom"></i></div>
<h4 class="title"><a href="">Chat with your friends</a></h4>
<p class="description">The app provides a chat room to talk to your friends and keep updated.</p>
</div>
</div>
</div>
</div>
</section><!-- End About Section -->
</div>
<div class="swiper-pagination"></div>
</div>
</div>
</section>
<!-- ======= Contact Section ======= -->
<section id="contact" class="contact">
<div class="container w-100">
<div class="section-title" data-aos="fade-up">
<h2>Contact</h2>
<p>Contact Us</p>
</div>
<div class="row d-flex justify-content-center">
<div class="col-lg-12 col-md-6">
<h1>
<i class='bx bxl-discord bx-lg text-success'></i>
<i class='bx bxl-twitter bx-lg text-success'></i>
<i class='bx bxl-instagram bx-lg text-success'></i>
</h1>
</div>
</div>
</div>
</section><!-- End Contact Section -->
</main><!-- End #main -->
<!-- ======= Footer ======= -->
<footer id="footer">
<div class="footer-top">
<div class="container h-25">
<div class="row d-flex justify-content-center">
<div class="col-lg-4 col-md-6">
<div class="footer-info shadow-lg">
<h3>Beenzer</h3>
<p>Barcelona - Spain<br><br>
<strong>Email:</strong> [email protected]<br>
</p>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="copyright">
© Copyright <strong><span>Beenzer</span></strong>. All Rights Reserved
</div>
<div class="credits">
Designed by <a href="#">bnzr.design.team</a>
</div>
</div>
</footer><!-- End Footer -->
<a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
<div id="preloader"></div>
<!-- Vendor JS Files -->
<script src="assets/vendor/purecounter/purecounter_vanilla.js"></script>
<script src="assets/vendor/aos/aos.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
<script src="assets/vendor/php-email-form/validate.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.3/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.3/Flip.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.3/ScrollTrigger.min.js"></script>
<!-- Template Main JS File -->
<script src="assets/js/main.js"></script>
</body>
</html>