-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
234 lines (219 loc) · 12.4 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
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/png" href="./assets/imgs/s logo.png">
<link rel="stylesheet" href="./assets/css/bulma.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css">
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<link rel="stylesheet" href="./assets/css/style.css">
<title>Sangreal Media</title>
</head>
<body>
<header>
<nav class="navbar">
<div class="container">
<div id="navMenu" class="navbar-menu">
<div class="navbar-start">
<a class="navbar-item" href="/">Home</a>
<a class="navbar-item" href="#about">About</a>
<a class="navbar-item" href="#">Contact</a>
</div>
<div class="navbar-end">
<a class="navbar-item">Message Spencer!</a>
<a class="navbar-item">Twitter</a>
</div>
</div>
</div>
</nav>
<section class="hero">
<div id="particles-js" style="position : absolute; width:100%; height:100%; z-index:-1; background-color: #000000"></div>
<div class="hero-body hero-text has-text-centered">
<h1 class="title">
SANGREAL
</h1>
<h2 class="subtitle">
The Holy Grail of Digital Marketing
</h2>
</div>
</section>
</header>
<section class="section">
<figure class="image">
<img class="is-rounded" src="./assets/imgs/bitcoin logo.png" alt="bitcoin.com logo">
<img class="is-rounded" src="./assets/imgs/bloomberg logo.png" alt="bloomberg logo">
<img class="is-rounded" src="./assets/imgs/business insider logo.png" alt="business insider logo">
<img class="is-rounded" src="./assets/imgs/cointelegraph logo.png" alt="cointelegraph logo">
<img class="is-rounded" src="./assets/imgs/crypto daily logo.png" alt="crypto daily logo">
<img class="is-rounded" src="./assets/imgs/entrepreneur logo.png" alt="entrepreneur logo">
<img class="is-rounded" src="./assets/imgs/forbes-logo.png" alt="forbes logo">
<img class="is-rounded" src="./assets/imgs/hackernoon logo.png" alt="hackernoon logo">
<img class="is-rounded" src="./assets/imgs/marketwatch logo.png" alt="marketwatch logo">
<img class="is-rounded" src="./assets/imgs/nasdaq logo.png" alt="nasdaq logo">
<img class="is-rounded" src="./assets/imgs/news btc logo.png" alt="news btc logo">
<img class="is-rounded" src="./assets/imgs/techbullion logo.png" alt="techbullion logo">
<img class="is-rounded" src="./assets/imgs/wsj logo.png" alt="wsj logo">
<img class="is-rounded" src="./assets/imgs/yahoo finance logo.png" alt="yahoo finance logo">
<img class="is-rounded" src="./assets/imgs/more logo.png" alt="logo">
</figure>
</section>
<section id='about' class="section edit">
<div class="container">
<div class="about content is-medium">
<div id="about-header" data-aos="fade-down" data-aos-duration="3000">
<h2 class="slideLeft">We offer a</h2>
<div id="wide">
<div class="slideLeft2"><h2>w</h2></div>
<div class="slideLeft3"><h2>i</h2></div>
<div class="slideRight"><h2>d</h2></div>
<div class="slideRight2"><h2>e</h2></div>
</div>
<h2 class="slideRight3">variety of services to fit your needs!</h2>
</div>
<p class="subHead" data-aos="fade-left" data-aos-duration="3000" data-aos-delay="200" data-aos-anchor="#about-header" data-aos-anchor-placement="center-bottom"> We have exclusive access to all of the biggest influencers in the NFT space—we'll work with your budget to structure a specialized marketing campaign for any of your projects needs! </p>
<p class="servHead" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="1000" data-aos-anchor="#about-header" data-aos-anchor-placement="center-center">Below are a few of the services we provide:</p>
<ul class="services">
<li data-aos="fade-down" data-aos-duration="2000" data-aos-delay="3000" data-aos-anchor="#about-header" data-aos-anchor-placement="center-center">AMAs with <i>top influencers</i></li>
<li data-aos="fade-down" data-aos-duration="1800" data-aos-delay="2700" data-aos-anchor="#about-header" data-aos-anchor-placement="center-center"><i>Application assistance</i> for upcoming NFT Release calendars</li>
<li data-aos="fade-down" data-aos-duration="1600" data-aos-delay="2400" data-aos-anchor="#about-header" data-aos-anchor-placement="center-center"><i>Professional</i> Press Release Articles</li>
<li data-aos="fade-down" data-aos-duration="1400" data-aos-delay="2100" data-aos-anchor="#about-header" data-aos-anchor-placement="center-center">Organized and Structured <i>influencer marketing</i></li>
</ul>
<p class="about-info" data-aos="fade-right" data-aos-duration="3000" data-aos-delay="1000" data-aos-anchor="#about-header" data-aos-anchor-placement="center-bottom">
Sangreal is a leading Web3 marketing agency that provides unrivaled NFT promotions thanks to its highly-skilled workforce. Public relations, influencer marketing, branding ventures, and social media campaigns are just a few of the services they offer. We here at Sangreal outline how we intend to drive traffic to your NFT collections, so even if you’re new to the industry, you won’t get lost in the process.</p>
</div>
</div>
</div>
</section>
<section id="about-boxes" class="section">
<div class="columns">
<div class="column" data-aos="fade-right" data-aos-duration="1500" data-aos-delay="2000" data-aos-anchor="#about-header" data-aos-anchor-placement="center-center">
<div class="card">
<header class="card-header">
<p class="card-header-title">
<strong>Our Mission</strong>
</p>
<button class="card-header-icon">
<span class="icon">
<img src="./assets/imgs/sprout-outline.png" alt="sprout icon">
</span>
</button>
</header>
<div class="card-content">
<div class="content">
<p>Sangreal is a digital marketing agency dedicated to helping brands maximize their reach and transition into Web3. We have advised for over hundreds of NFT projects that have sold out and built loyal communities. Our vision is to become industry leaders by educating communities about the space whilst also developing + marketing NFT projects - using innovation, strategy and creativity.</p>
</div>
</div>
</div>
</div>
<div class="column" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="3000" data-aos-anchor="#about-header" data-aos-anchor-placement="center-center">
<div class="card">
<header class="card-header">
<p class="card-header-title">
<strong>Our Plan</strong>
</p>
<button class="card-header-icon">
<span class="icon">
<img src="./assets/imgs/city-variant-outline.png" alt="city icon">
</span>
</button>
</header>
<div class="card-content">
<div class="content">
<p>
We offer a wide range of services from structuring marketing campaigns to fit any budget as well as advising projects on key social media strategy's to grow and build their brand for long term success. We work with some of the biggest influencers in the space and work as a liaison to connect with any influencer you desire to work with. If you and your project are interested in maximizing your social media reach and growing your project into something huge, we would love to work with you.
</p>
</div>
</div>
</div>
</div>
<div class="column" data-aos="fade-left" data-aos-duration="1500" data-aos-delay="1000" data-aos-anchor="#about-header" data-aos-anchor-placement="center-center">
<div class="card">
<header class="card-header">
<p class="card-header-title">
<strong>Brand & Social Strategy</strong>
</p>
<button class="card-header-icon">
<span class="icon">
<img src="./assets/imgs/handshake-outline.png" alt="handshake icon">
</span>
</button>
</header>
<div class="card-content">
<div class="content">
<p>
Brand discovery sessions to identify + champion brand voice + narrative. Brand style guide deliverables to use through extent of your project. Marketplace + competitor research to provide you with tools needed to elevate your brand.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="services" class="section">
<div class="container" data-aos="fade-up" data-aos-anchor="#services" data-aos-anchor-placement="center-bottom">
<div class="title">
<h2 id="services">More Services</h2>
<p><i>De-risking your project is in our DNA.</i></p>
</div>
<container>
<div class="service-cards" data-aos-anchor="#services" data-aos-anchor-placement="center-bottom">
<div class="service" data-aos="flip-up" data-aos-delay="200">
<div class="icon-box">
<i class="bi bi-laptop"></i>
<h4><a href="#">Leveraging 3rd party & WTD while-label metavevrse solutions</a></h4>
<p>When time to market is everything and coding custom software is not a requirement.</p>
</div>
</div>
<div class="service2" data-aos="flip-down" data-aos-delay="500">
<div class="icon-box">
<i class="bi bi-bar-chart"></i>
<h4><a href="#">Bullet-proofing roadmaps through strategy</a></h4>
<p>Understyanding your vision, challenging assumptions, refining concepts and validating with users. </p>
</div>
</div>
</container>
<div class="service" data-aos="flip-up" data-aos-delay="800">
<div class="icon-box">
<i class="bi bi-brightness-high"></i>
<h4><a href="#">Using systematic processes to design brands, products and interfaces </a></h4>
<p>Prioritizing data and user feedback over personal taste</p>
</div>
</div>
<div class="service2" data-aos="flip-down" data-aos-delay="1100">
<div class="icon-box">
<i class="bi bi-briefcase"></i>
<h4><a href="#">Working with a committed team</a></h4>
<p>While keeping your business outcome in the driver's seat at all times.</p>
</div>
</div>
<div class="service" data-aos="flip-up" data-aos-delay="1400">
<div class="icon-box">
<i class="bi bi-card-checklist"></i>
<h4><a href="#">Picking the most suitable blockchain tech stackc, tools and methodology</a></h4>
<p>That will benefit your project instead of getting carried away with the latest buzzwords and trends.</p>
</div>
</div>
</div>
</div>
</section>
<footer class="footer">
<div class="container">
<div class="content has-text-centered">
<p>
<strong>© 2022 Sangreal Media.</strong> All rights reserved.
</p>
</div>
</div>
</footer>
</body>
<script src="./node_modules/particles.js/particles.js"></script>
<script src="./node_modules/particles.js/demo/js/app.js"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<script src="./assets/js/script.js"></script>
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script>
AOS.init();
</script>
</html>