This repository has been archived by the owner on Aug 2, 2023. It is now read-only.
-
-
Notifications
You must be signed in to change notification settings - Fork 26
/
Copy pathindex.html
130 lines (129 loc) · 9.97 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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Primary Meta Tags -->
<title>Stone CSS | A revolutionary Unbreakable CSS framework</title>
<meta name="title" content="Stone CSS">
<meta name="description" content="A Revolutionary Unbreakable CSS Framework for everyone. Stone CSS is a powerful, extensible, and feature-packed frontend toolkit.">
<link rel="canonical" href="https://stonecss.com" />
<meta property="og:type" content="website">
<meta property="og:title" content="Stone CSS">
<meta property="og:url" content="https://stonecss.com/">
<meta property="og:image" content="https://assets.stonecss.com/assets/ogimage.JPG">
<meta property="og:description" content="A Revolutionary Unbreakable CSS Framework for everyone. Stone CSS is a powerful, extensible, and feature-packed frontend toolkit.">
<!-- twitter OG meta tags-->
<meta name="twitter:title" content="Stone CSS">
<meta name="twitter:description"
content="A Revolutionary Unbreakable CSS Framework for everyone. Stone CSS is a powerful, extensible, and feature-packed frontend toolkit.">
<meta name="twitter:image" content="https://assets.stonecss.com/assets/ogimage.JPG">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image:alt" content="stone-css-website">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;500;700;900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<link rel="icon" href="assets/favicon.ico" type="image/x-icon" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<script async defer data-website-id="4cc28b5d-6ecb-47a7-9fb0-638190940c4b" src="https://analytics.system.stonecss.com/umami.js"></script>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8591162246929589"
crossorigin="anonymous"></script>
</head>
<body>
<button id = "btnScrollToTop">
<i class = "material-icons">↑</i>
</button>
<div class="header">
<div id="logo">
<a href="">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" zoomAndPan="magnify" viewBox="0 0 30 33.749998" height="45" preserveAspectRatio="xMidYMid meet" version="1.0"><defs><clipPath id="id1"><path d="M 0.109375 0 L 23 0 L 23 33.5 L 0.109375 33.5 Z M 0.109375 0 " clip-rule="nonzero"/></clipPath><clipPath id="id2"><path d="M 0.109375 4 L 25 4 L 25 24 L 0.109375 24 Z M 0.109375 4 " clip-rule="nonzero"/></clipPath><clipPath id="id3"><path d="M 0.109375 8 L 29 8 L 29 33.5 L 0.109375 33.5 Z M 0.109375 8 " clip-rule="nonzero"/></clipPath><clipPath id="id4"><path d="M 3 5 L 29.890625 5 L 29.890625 33.5 L 3 33.5 Z M 3 5 " clip-rule="nonzero"/></clipPath><clipPath id="id5"><path d="M 0.109375 0 L 29.890625 0 L 29.890625 20 L 0.109375 20 Z M 0.109375 0 " clip-rule="nonzero"/></clipPath><clipPath id="id6"><path d="M 9 0 L 29.890625 0 L 29.890625 30 L 9 30 Z M 9 0 " clip-rule="nonzero"/></clipPath></defs><g clip-path="url(#id1)"><path stroke-linecap="round" transform="matrix(0.650075, -2.175577, 2.139964, 0.639434, 5.46208, 21.854125)" fill="none" stroke-linejoin="miter" d="M 0.500545 0.00074297 L 6.387606 -0.000571882 " stroke="#ffffff" stroke-width="1" stroke-opacity="1" stroke-miterlimit="4"/></g><g clip-path="url(#id2)"><path stroke-linecap="round" transform="matrix(-1.49628, -0.267645, 0.262177, -1.465707, 17.011091, 14.734585)" fill="none" stroke-linejoin="miter" d="M 0.500705 -0.000674889 L 5.86829 -0.0000675599 " stroke="#ffffff" stroke-width="1" stroke-opacity="1" stroke-miterlimit="4"/></g><g clip-path="url(#id3)"><path stroke-linecap="round" transform="matrix(-2.030413, -0.834256, 0.848825, -2.06587, 16.892595, 25.371063)" fill="none" stroke-linejoin="miter" d="M 0.499501 0.000593505 L 5.266742 0.00033251 " stroke="#ffffff" stroke-width="1" stroke-opacity="1" stroke-miterlimit="4"/></g><g clip-path="url(#id4)"><path stroke-linecap="round" transform="matrix(1.764085, -1.447105, 1.416514, 1.726793, 15.309366, 25.648118)" fill="none" stroke-linejoin="miter" d="M 0.499661 0.000420163 L 5.052775 -0.000164804 " stroke="#ffffff" stroke-width="1" stroke-opacity="1" stroke-miterlimit="4"/></g><path stroke-linecap="round" transform="matrix(-0.320991, -1.430491, 1.452843, -0.326007, 18.138206, 22.920122)" fill="none" stroke-linejoin="miter" d="M 0.501337 -0.000494924 L 5.599597 -0.000646906 " stroke="#ffffff" stroke-width="1" stroke-opacity="1" stroke-miterlimit="4"/><g clip-path="url(#id5)"><path stroke-linecap="round" transform="matrix(-2.173661, 0.0742567, -0.076255, -2.232154, 22.564498, 6.561897)" fill="none" stroke-linejoin="miter" d="M 0.500486 0.00062974 L 5.663498 0.000887737 " stroke="#ffffff" stroke-width="1" stroke-opacity="1" stroke-miterlimit="4"/></g><g clip-path="url(#id6)"><path stroke-linecap="round" transform="matrix(-0.509201, -2.222636, 2.177054, -0.498758, 24.353326, 18.052192)" fill="none" stroke-linejoin="miter" d="M 0.499877 -0.000519781 L 4.724585 0.000760824 " stroke="#ffffff" stroke-width="1" stroke-opacity="1" stroke-miterlimit="4"/></g><path stroke-linecap="round" transform="matrix(-0.370329, 1.382088, -1.438235, -0.385374, 18.142868, 6.87533)" fill="none" stroke-linejoin="miter" d="M 0.500143 0.000430725 L 4.70858 0.00049074 " stroke="#ffffff" stroke-width="1" stroke-opacity="1" stroke-miterlimit="4"/></svg>
</a>
</div>
<div class="hamburger">
<div class="line1"></div>
<div class="line2"></div>
<div class="line3"></div>
</div>
<div id="nav">
<a href="#feature">Features</a>
<a href="https://github.com/devarshishimpi/stonecss" target="_blank">Github</a>
<a href="https://blog.stonecss.com" target="_blank">Blog</a>
<a href="./contact.html" >Contact</a>
</div>
</div>
<div id="mobilenav">
<a href="#feature">Features</a>
<a href="https://github.com/devarshishimpi/stonecss" target="_blank">Github</a>
<a href="https://blog.stonecss.com" target="_blank">Blog</a>
<a href="./contact.html" >Contact</a>
</div>
<h1>A <span class="shine hover-animation">Revolutionary</span>, <i>Unbreakable</i><br>CSS framework.</h1>
<br>
<h2>Stone CSS is a powerful, extensible, and feature-packed frontend toolkit.</h2>
<h8>Sign up for the waitlist to be the first one to try out!</h8>
<form id="main" netlify data-netlify="true" data-netlify-recaptcha="true">
<input class="input" name="MERGE0" type="email" placeholder="Your email" id="emailInput" required>
<button class="cta" type="submit">Get early access</button>
<div id="recaptcha" data-netlify-recaptcha="true"></div>
</form>
<div id="feature">
<div id="section-top">
<div id="section2" class="section">
<img alt="Fast and intuitive" src="assets/fast.svg">
<h5>Fast and intuitive</h5>
<h6>Multi-CDN technology with extremely fast speeds and without downtime</h6>
</div>
<div id="section3" class="section">
<a href="https://github.com/devarshishimpi/Stone-CSS-Website"><img alt="Open Source" src="assets/feedback.svg"></a>
<h5>Open source</h5>
<h6>Completely open source and freely available to builders like you</h6>
</div>
</div>
<div id="section-bottom">
<div id="section4" class="section">
<a href="https://cdn.stonecss.com/"><img alt="Global CDN" src="assets/cloud.svg"></a>
<h5>Global CDN</h5>
<h6>Access the framework from anywhere and anytime over our global CDN</h6>
</div>
<div id="section5" class="section">
<img alt="Responsive" src="assets/integrated.svg">
<h5>Responsive</h5>
<h6>Make a stunning website in minutes by using the Stone CSS framework</h6>
</div>
</div>
<div id="footer">
<hr>
<div id="right-footer">
<a href="#feature">Features</a>
<a href="https://github.com/devarshishimpi/stonecss" target="_blank">Github</a>
<a href="https://blog.stonecss.com" target="_blank">Blog</a>
<a href="./contact.html" >Contact</a>
<a href="./privacypolicy.html">Privacy Policy</a>
<a href="./terms.html">Terms Of Use</a>
</div>
<div id="left-footer">Stone CSS - Made with ❤ By ByteMakers</div>
</div>
</div>
<!--Start of Tawk.to Script-->
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/62fb287554f06e12d88edc61/1gaihc3cs';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>
<script>
const btnScrollToTop = document.getElementById("btnScrollToTop");
btnScrollToTop.addEventListener("click", function(){
window.scrollTo({
top: 0,
left: 0,
behavior: "smooth"
});
});
</script>
<!--End of Tawk.to Script-->
<script src="index.js"></script>
</body>
</html>