-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
323 lines (321 loc) · 22.3 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
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<title>DynaSage</title>
<meta name="author" content="">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="facebook-domain-verification" content="1qk1eiooqulkxn9kzq4u3f0ur9l0l7">
<meta name="follow.it-verification-code" content="BDhvqswu7Hu1DFB1KC5Y"/>
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/vendor.css">
<link rel="stylesheet" href="css/main.css">
<script src="js/pace.min.js"></script>
<script src="js/modernizr.js"></script>
<link rel="stylesheet" href="fonts/font-awesome/css/font-awesome.min.css">
<link href='https://gitlab.com/utsanjan/DopeSatan/-/raw/master/favicon-32x32.png' rel='icon' type='image/x-icon'/>
<link href='https://gitlab.com/utsanjan/DopeSatan/-/raw/master/favicon-32x32.png' rel='shortcut icon' type='image/x-icon'/>
</head>
<body id="top">
<header>
<div class="header-logo logo">
<a class="site-logo" href="index.html">
<img src="images/logo.png" alt="Homepage">
</a>
</div>
<nav class="navigation">
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#blog">Blog</a></li>
<li><a href="#contact">Contact</a></li>
<br>
</ul>
</nav>
<div class="menuToggle" onclick="ToggleMenu();"></div>
</header>
<section id="home" class="s-home target-section" data-parallax="scroll" data-image-src="images/hero-bg.jpg.webp"
data-natural-width=3000 data-natural-height=2000 data-position-y=center>
<div class="overlay"></div>
<div class="shadow-overlay"></div>
<div class="home-content">
<div class="row home-content__main">
<div class="framer"><img class="dot" src="images/dot.gif"></img> <h3 class="framer-dot">Open for projects</h3></div>
<h1>Fueling brand evolution with <br>expertise and innovation.</h1>
<div class="home-content__buttons"> <a href="#contact" class="smoothscroll btn btn--stroke"> Book an Appointment </a> <a href="#about" class="smoothscroll btn btn--stroke"> More About Us </a></div>
</div>
<div class="home-content__scroll"> <a href="#about" class="scroll-link smoothscroll"> <span>Scroll Down</span> </a></div>
<div class="home-content__line"></div>
</div>
<ul class="home-social">
<li> <a href="https://www.facebook.com/thedynasage"><i class="fa fa-facebook" aria-hidden="true"></i><span>𝗙𝗔𝗖𝗘𝗕𝗢𝗢𝗞</span></a></li>
<li> <a href="https://x.com/thedynasage"><i class="fa fa-twitter" aria-hidden="true"></i><span>𝗧𝗪𝗜𝗧𝗧𝗘𝗥</span></a></li>
<li> <a href="https://www.instagram.com/thedynasage"><i class="fa fa-instagram" aria-hidden="true"></i><span>𝗜𝗡𝗦𝗧𝗔𝗚𝗥𝗔𝗠</span></a></li>
<li> <a href="https://www.youtube.com/@dynasage"><i class="fa fa-youtube-play" aria-hidden="true"></i><span>𝗬𝗢𝗨𝗧𝗨𝗕𝗘</span></a></li>
<li> <a href="https://github.com/DynaSage"><i class="fa fa-github" aria-hidden="true"></i><span>𝗚𝗜𝗧𝗛𝗨𝗕</span></a></li>
</ul>
</section>
<section id='about' class="s-about">
<div class="row section-header has-bottom-sep" data-aos="fade-up">
<div class="col-full">
<h3 class="subhead subhead--dark">Know more</h3>
<h1 class="display-1 display-1--light">About Us</h1>
</div>
</div>
<div class="row about-desc" data-aos="fade-up">
<div class="col-full">
<p> Welcome to DynaSage, where we unlock your business potential through innovation and expertise. Our team creates customized strategies for brand development and data-driven marketing. We focus on building strong relationships to help you navigate challenges and seize opportunities. Partner with us at DynaSage to unlock your brand's full potential.<br>Your success is our mission.</p>
</div>
</div>
<div class="row about-stats stats block-1-4 block-m-1-2 block-mob-full" data-aos="fade-up">
<div class="col-block stats__col ">
<div class="stats__count">26</div>
<h5>Awards Received</h5>
</div>
<div class="col-block stats__col">
<div class="stats__count">504</div>
<h5>Cups of Coffee</h5>
</div>
<div class="col-block stats__col">
<div class="stats__count">93</div>
<h5>Projects Completed</h5>
</div>
<div class="col-block stats__col">
<div class="stats__count">78</div>
<h5>Happy Clients</h5>
</div>
</div>
<div class="about__line"></div>
</section>
<section id='services' class="s-services">
<div class="row section-header has-bottom-sep" data-aos="fade-up">
<div class="col-full">
<h3 class="subhead">What We Do</h3>
<h1 class="display-2">We equip you with the essential tools to launch and elevate your business</h1>
</div>
</div>
<div class="row services-list block-1-2 block-tab-full">
<div class="col-block service-item" data-aos="fade-up">
<div class="service-icon"><i class="fa fa-globe" aria-hidden="true"></i></div>
<div class="service-text">
<h3 class="h2">Websites Design</h3>
<p>Elevate your eCommerce presence with our expertise. We create powerful online platforms that enhance user experience through engaging design, effective landing pages, and strategic merchandising. Let us help you stand out!</p>
</div>
</div>
<div class="col-block service-item" data-aos="fade-up">
<div class="service-icon"><i class="fa fa-magic" aria-hidden="true"></i></div>
<div class="service-text">
<h3 class="h2">AI-Automations</h3>
<p>Transform your marketing approach by automating all your systems with our powerful tools. By implementing campaigns through these systems, you can dramatically boost your efficiency and drive better results.</p>
</div>
</div>
<div class="col-block service-item" data-aos="fade-up">
<div class="service-icon"><i class="fa fa-film" aria-hidden="true"></i></div>
<div class="service-text">
<h3 class="h2">Media & Design</h3>
<p>Media is the driving force that enables a brand to thrive. With our integrated approach to content, creativity, merchandising, and sustainable strategies, we are dedicated to helping you achieve your key performance indicators effectively.</p>
</div>
</div>
<div class="col-block service-item" data-aos="fade-up">
<div class="service-icon"><i class="fa fa-pie-chart" aria-hidden="true"></i></div>
<div class="service-text">
<h3 class="h2">Email, SMS & Analytics</h3>
<p>Our expert data analytics team monitors and enhances your pipelines, optimizing your graphics, campaigns, deliverability, and opt-in rates for success. You can trust us to manage the details while you focus on what you do best.</p>
</div>
</div>
<div class="col-block service-item" data-aos="fade-up">
<div class="service-icon"><i class="fa fa-trophy" aria-hidden="true"></i></div>
<div class="service-text">
<h3 class="h2">Loyalty & Membership</h3>
<p>Creating programs that emphasize customer retention goes beyond merely boosting revenue; it's about fostering a sense of empowerment and knowledge for your customers at every stage of their experience with your brand.</p>
</div>
</div>
<div class="col-block service-item" data-aos="fade-up">
<div class="service-icon"><i class="fa fa-handshake-o" aria-hidden="true"></i></div>
<div class="service-text">
<h3 class="h2">Brand Retention</h3>
<p>Unlock the true power of your community by seamlessly connecting the right people through automation. This strategy not only boosts your efforts but also significantly enhances your revenue generation potential like never before.</p>
</div>
</div>
</div>
</section>
<section id='blog' class="s-works">
<div class="intro-wrap">
<div class="row section-header has-bottom-sep light-sep" data-aos="fade-up">
<div class="col-full">
<h3 class="subhead">Blog Posts</h3>
<h1 class="display-2 display-2--light">We love our work.<br>Explore our blogs!</h1>
</div>
</div>
</div>
<div class="row works-content">
<div class="col-full masonry-wrap">
<div class="masonry">
<div class="masonry__brick" data-aos="fade-up">
<div class="item-folio">
<div class="item-folio__thumb"><a href="https://blog.dynasage.com/2025/01/automation-is-good-so-long-as-you-know.html" target="_blank" class="thumb-link" data-size="1050x700"> <img src="images/portfolio/blog1.png"></a></div>
<div
class="item-folio__text">
<h3 class="item-folio__title">Automation is powerful, but placement is key</h3>
<p class="item-folio__cat">Automation is good, so long as you know exactly where to put the machine. In today's fast-paced world, automation stands at the forefront of innovation. From manufacturing plants to customer service chatbots...</p>
</div><a href="https://blog.dynasage.com/2025/01/automation-is-good-so-long-as-you-know.html" target="_blank" class="item-folio__project-link" title="Blog link"> <i class="fa fa-link" aria-hidden="true"></i> </a>
</div>
</div>
<div class="masonry__brick" data-aos="fade-up">
<div class="item-folio">
<div class="item-folio__thumb"> <a href="https://blog.dynasage.com/2025/01/the-rise-of-progressive-web-apps.html" target="_blank" class="thumb-link" data-size="1050x700"> <img src="images/portfolio/blog2.png"></a></div>
<div
class="item-folio__text">
<h3 class="item-folio__title">The Rise of Progressive Web Apps</h3>
<p class="item-folio__cat">As technology continues to evolve, so does the way we interact with the digital world. One of the most exciting developments in recent years is the rise of Progressive Web Apps...</p>
</div><a href="https://blog.dynasage.com/2025/01/the-rise-of-progressive-web-apps.html" target="_blank" class="item-folio__project-link" title="Blog link"> <i class="fa fa-link" aria-hidden="true"></i> </a>
</div>
</div>
<div class="masonry__brick" data-aos="fade-up">
<div class="item-folio">
<div class="item-folio__thumb"> <a href="https://blog.dynasage.com/2025/02/ai-and-workforce.html" class="thumb-link" target="_blank" data-size="1050x700"> <img src="images/portfolio/blog3.png"> </a></div>
<div
class="item-folio__text">
<h3 class="item-folio__title">AI and the Workforce</h3>
<p class="item-folio__cat">The advent of Artificial Intelligence (AI) is revolutionizing the workforce in ways that were once the realm of science fiction. As AI continues to evolve, it presents both challenges and opportunities...</p>
</div><a href="https://blog.dynasage.com/2025/02/ai-and-workforce.html" target="_blank" class="item-folio__project-link" title="Project link"> <i class="fa fa-link" aria-hidden="true"></i> </a>
</div>
</div>
<div class="masonry__brick" data-aos="fade-up">
<div class="item-folio">
<div class="item-folio__thumb"> <a href="https://blog.dynasage.com/2025/02/the-seo-advantage.html" target="_blank" class="thumb-link" title="Grow Green" data-size="1050x700"> <img src="images/portfolio/blog4.png"> </a></div>
<div
class="item-folio__text">
<h3 class="item-folio__title">The SEO Advantage</h3>
<p class="item-folio__cat">In the ever-evolving digital landscape, standing out from the crowd is more challenging than ever. Search Engine Optimization (SEO) is a powerful tool that can help your website gain visibility...</p>
</div><a href="https://blog.dynasage.com/2025/02/the-seo-advantage.html" target="_blank" class="item-folio__project-link" title="Project link"> <i class="fa fa-link" aria-hidden="true"></i> </a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<a href="https://blog.dynasage.com"><div class="blog-page btn">LOAD MORE</div></a>
<div class="row section-header" data-aos="fade-up">
<div class="col-full"><br><br><br>
<h3 class="subhead">Testimonials</h3>
<h1 class="display-2">See What Our Clients Say</h1>
</div>
</div>
<div class="row clients-testimonials" data-aos="fade-up">
<div class="col-full">
<div class="testimonials">
<div class="testimonials__slide">
<p>I can't get over how awesome these guys are! They didn't just help me design great systems, but also pitched in to build them for next year. Their support has been invaluable, and I really appreciate everything they've done. Big thanks to everyone!</p>
<img src="images/avatars/user-02.JPG" alt="Author image" class="testimonials__avatar">
<div class="testimonials__info"> <span class="testimonials__name">Joydeep Sen Sarma</span> <span class="testimonials__pos">ClearfeedAI</span></div>
</div>
<div class="testimonials__slide">
<p>Big shoutout to the amazing team at DynaSage! They've seriously changed the game for us. Their smart solutions have made things so much easier and saved us loads of time. Plus, we’re getting way more leads and making more money! It's been awesome working with such a talented and dedicated crew, and I can't wait to see what else we can achieve together!</p>
<img src="images/avatars/user-05.JPG" alt="Author image" class="testimonials__avatar">
<div class="testimonials__info"> <span class="testimonials__name">Neil Bhuiyan</span> <span class="testimonials__pos">HappySelling</span></div>
</div>
<div class="testimonials__slide">
<p>In a brief span of just four months, they whipped up some amazing automation software for our logistics and team management. It's seriously slashed our customer acquisition costs. Since partnering with them, our sales have skyrocketed—it's been a total game changer!</p>
<img src="images/avatars/user-01.JPG"
alt="Author image" class="testimonials__avatar">
<div class="testimonials__info"> <span class="testimonials__name">Anshuman Roy</span> <span class="testimonials__pos">PatientMD</span></div>
</div>
</div>
</div>
</div>
</section>
<section id="contact" class="s-contact">
<div class="overlay"></div>
<div class="contact__line"></div>
<div class="row section-header" data-aos="fade-up">
<div class="col-full">
<h3 class="subhead">Contact Us</h3>
<h1 class="display-2 display-2--light">Have an idea or project? <br>Let’s make it happen.</h1>
</div>
</div>
<!-- Calendly widget -->
<div class="row contact-content" data-aos="fade-up">
<div class="calendly-inline-widget" data-url="https://calendly.com/utsanjan/30min?hide_landing_page_details=1&hide_gdpr_banner=1&background_color=121212&text_color=e7e5e0&primary_color=12967c&embed_domain=example.com&embed_type=Inline" style="min-width:320px;height:700px;"></div>
<script type="text/javascript" src="https://assets.calendly.com/assets/external/widget.js" async></script>
</div>
</div>
</section>
<footer>
<div class="row footer-main">
<div class="col-six tab-full left footer-desc">
<div class="footer-logo"></div>We are a dynamic and dedicated team eager to bring your vision to life. By embracing your design, we equip you with the tools and support to confidently achieve your goals. Our flexibility allows us to tackle any challenges along the way. We take pride in delivering exceptional results and find joy in every project. Let’s collaborate to create something extraordinary!</div>
<div class="col-six tab-full right footer-subscribe">
<h4>Sign up for our newsletter</h4>
<p>Subscribe to our newsletter for the latest news, exclusive offers, and expert tips delivered to your inbox. Join our community and stay informed on everything important!<a href="https://follow.it/offered-feed/dynasage/new-message"> </a></p>
<div class="subscribe-form">
<form id="mc-form" class="group" action="https://api.follow.it/subscription-form/UTJvTFJqOEMrNmk4eVFyYjFJVlJNVEZWYWdBOHRGRFoyMEp3eDBUNHVxU2FxYUtVbGwzcHBGRHU3MXpMQy9hdUl0SmlzN0NnTUJvTG13Vkpya1BEeGpHRFY3VmF2VUdsVHNscFp2T3V3OUFNME1Bbi80SHFvWHJodmtxaFBmRzh8YzY4SkVWZzkvRmFiOWVGanFob2pNV2NwdnBmVXc1dVVaKzhZb25EeWhJQT0=/8" method="post"> <input type="email" value="" name="EMAIL" class="email" id="mc-email" placeholder="Email Address" required="true"> <input onclick="window.open('https://follow.it/dynasage-feed?leanpub')" type="submit" name="subscribe" value="Subscribe"> <label for="mc-email" class="subscribe-message"></label></form>
</div>
</div>
</div>
<div class="row footer-bottom">
<div class="col-twelve">
<div class='credit'>
<p class='credit-content copyright'>Copyright © 2015 - <script>document.write(new Date().getFullYear())</script> ·
<a href='https://www.dynasage.com' style='color:#E7E7E7;'> DynaSage </a>· All Rights Reserved</p>
</div>
<div class="go-top"> <a class="smoothscroll" title="Back to Top" href="#top"><i class="fa fa-arrow-up" aria-hidden="true"></i></a></div>
</div>
</div>
</footer>
<div aria-hidden="true" class="pswp" role="dialog" tabindex="-1">
<div class="pswp__bg"></div>
<div class="pswp__scroll-wrap">
<div class="pswp__container">
<div class="pswp__item"></div>
<div class="pswp__item"></div>
<div class="pswp__item"></div>
</div>
<div class="pswp__ui pswp__ui--hidden">
<div class="pswp__top-bar">
<div class="pswp__counter"></div><button class="pswp__button pswp__button--close" title="Close (Esc)"></button> <button class="pswp__button pswp__button--share" title="Share"></button> <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button> <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
<div class="pswp__preloader">
<div class="pswp__preloader__icn">
<div class="pswp__preloader__cut">
<div class="pswp__preloader__donut"></div>
</div>
</div>
</div>
</div>
<div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
<div class="pswp__share-tooltip"></div>
</div><button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"></button> <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"></button>
<div class="pswp__caption">
<div class="pswp__caption__center"></div>
</div>
</div>
</div>
</div>
<div id='preloader'>
<div id='loader' style='max-width:100%; max-height:100%;'>
<div class='load'>
<div class='one'></div>
<div class='two'></div>
<div class='three'></div>
</div></div>
<div style='width: 100px; height: 100px'>
</div></div>
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
<script src="js/jquery-3.6.1.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<script>function ToggleMenu(){
const menuToggle = document.querySelector('.menuToggle');
const navigation = document.querySelector('.navigation');
menuToggle.classList.toggle('active');
navigation.classList.toggle('active');
}window.addEventListener("scroll",function(){
var header = document.querySelector("header");
header.classList.toggle('sticky',window.scrollY > 0);
})</script><script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"rayId":"90811496d9de8e7e","serverTiming":{"name":{"cfExtPri":true,"cfL4":true,"cfSpeedBrain":true,"cfCacheStatus":true}},"version":"2025.1.0","token":"cd0b4b3a733644fc843ef0b185f98241"}'
crossorigin="anonymous"></script>
</body>
</html>