-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
145 lines (137 loc) · 8.07 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description"
content="Design and Build Website, Publish, Search Engine Optimization (seo), boost traffic with expert guidance, help make your site rank up to Google and other Search Engines" />
<meta name="author" content="StackForged" />
<title>Stack Forged: Website Design and Development</title>
<meta name="keywords" content="web design, website design, wordpress developer, google seo, search engine optimization">
<meta name="robots" content="index, follow">
<meta property="og:title" content="Stack Forged: Website Design and Development">
<meta property="og:description" content="Design and Build Website, Publish, Search Engine Optimization (seo), boost traffic with expert guidance, help make your site rank up to Google and other Search Engines">
<!-- Favicon-->
<link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
<link rel="stylesheet" href="css/aos.css" />
<!-- Google fonts-->
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700" rel="stylesheet" type="text/css" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="css/styles.css" rel="stylesheet" />
<link href="css/hamburgers.css" rel="stylesheet" />
</head>
<body id="page-top">
<!-- Navigation-->
<nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav">
<div class="container">
<a class="navbar-brand" href="#page-top"><img src="assets/img/navbar-logo.png" alt="..." /></a>
<button class="navbar-toggler hamburger hamburger--spin" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false"
aria-label="Toggle navigation">
<span class="hamburger-box">
<span class="hamburger-inner"></span>
</span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav text-uppercase ms-auto py-4 py-lg-0">
<li class="nav-item"><a class="nav-link" href="#services">Services</a></li>
<li class="nav-item"><a class="nav-link" href="#about">About</a></li>
<li class="nav-item"><a class="btn btn-warning mx-2" href="https://wa.me/918017446447" aria-label="Whatsapp">Contact <i
class="fab fa-whatsapp"></i></a></li>
</ul>
</div>
</div>
</nav>
<div id="particles-js"></div>
<!-- Masthead-->
<header class="masthead">
<div class="container">
<div class="masthead-heading lh-3">Welcome To <span id="stack"> Stack </span>Forged!</div>
<div class="masthead-subheading text-uppercase">A Small Website Design and development Team
</div>
<a class="btn btn-primary btn-xl text-uppercase" href="#services">Tell Me More</a>
</div>
</header>
<!-- Services-->
<section class="page-section" id="services">
<div class="container">
<div class="text-center">
<h2 class="section-heading text-uppercase">Services</h2>
<h3 class="section-subheading text-muted">What we do..</h3>
</div>
<div class="row text-center hex-bg justify-content-center">
<div class="col-md-4" data-aos="fade-up">
<span class="fa-stack fa-4x">
<i class="fas fa-circle fa-stack-2x text-primary"></i>
<i class="fas fa-globe fa-stack-1x fa-inverse"></i>
</span>
<h4 class="my-3">Website Design and Development</h4>
<p class="text-muted">Quickly Build and Develope Website in Wordpress with custom theme and plugins that suits your business. Optimize for Google search to reach your potential visitors quickly.</p>
</div>
<div class="col-md-4" data-aos="fade-up">
<span class="fa-stack fa-4x">
<i class="fas fa-circle fa-stack-2x text-primary"></i>
<i class="fas fa-shop fa-stack-1x fa-inverse"></i>
</span>
<h4 class="my-3">Ecommerce Development</h4>
<p class="text-muted">Selling Products? We are also expert on creating E-commerce site. Boost sales through fixing your existing Website issues, redesigning them or start a new one from scratch. Reach and sell your digital or physical or service products to your potential customers quickly</p>
</div>
<div class="col-md-4" data-aos="fade-up">
<span class="fa-stack fa-4x">
<i class="fas fa-circle fa-stack-2x text-primary"></i>
<i class="fas fa-server fa-stack-1x fa-inverse"></i>
</span>
<h4 class="my-3">Web Application Development</h4>
<p class="text-muted">Need some complex Web Application? Or Want to make your life easy with Custom Software that suits your need? We are here to help with that too. Make your idea come true with our development expertise. Build third party integration, AI/Ml models or other type of Application us.</p>
</div>
</div>
</div>
</section>
<!-- About-->
<section class="page-section bg-dark" id="about">
<div class="container">
<div class="text-center">
<h2 class="section-heading text-uppercase text-light">About</h2>
<h3 class="section-subheading text-muted">What we value ..</h3>
</div>
<div class="p-5 rounded glass-morphism-bg">
<p class="text-light">We are a small development team from India. Highly experienced in Website design, development and optimizing site for maximum performance.</p>
<p class="text-light">I started as Freelancer in 2017. From there we have worked on 10+ projects over various countries and domains. We continue growing and established StackForged in 2022.🤗</p>
<p class="text-light">Feel free to contact us via <a class="btn btn-dark btn-social mx-2" href="https://wa.me/918017446447" aria-label="Whatsapp"><i
class="fab fa-whatsapp"></i></a> or
<a class="btn btn-dark btn-social mx-2" href="mailto:[email protected]" aria-label="Email"><i
class="fa-regular fa-envelope"></i></a>.</p>
</div>
</div>
</section>
<!-- Footer-->
<footer class="footer py-4 bg-white">
<div class="container">
<div class="d-flex justify-content-center justify-content-sm-between align-items-center flex-wrap">
<div class="py-2">Copyright © StackForged 2024</div>
<div class="py-2">
<a class="btn btn-dark btn-social mx-2" href="https://wa.me/918017446447" aria-label="Whatsapp"><i
class="fab fa-whatsapp"></i></a>
<a class="btn btn-dark btn-social mx-2" href="mailto:[email protected]" aria-label="Email"><i
class="fa-regular fa-envelope"></i></a>
</div>
</div>
</div>
</footer>
<!-- Jquery -->
<script src="js/jquery-3.6.3.min.js"></script>
<!-- Bootstrap core JS-->
<script src="js/bootstrap.bundle.min.js"></script>
<!-- Font Awesome icons (free version)-->
<script src="https://kit.fontawesome.com/8102b9d013.js" crossorigin="anonymous"></script>
<!-- Particales JS -->
<script src="js/particles.min.js"></script>
<script type="module" src="js/notations.js"></script>
<script src="js/scripts.js"></script>
<script src="js/aos.js"></script>
<script>
AOS.init();
</script>
</body>
</html>