contact.html

<!DOCTYPE html>
<html lang="en">
    <head>
                <!-- Primary Meta Tags -->
        <title>Contact Us | Stone CSS</title>
        <meta name="title" content="Stone CSS">
        <meta name="description" content="Stone CSS. Get in touch. Contact Us.">
        <link rel="canonical" href="https://stonecss.com/contact.html" />
        <meta property="og:type" content="website">
        <meta property="og:title" content="Stone CSS">
        <meta property="og:url" content="https://stonecss.com/contact">
        <meta property="og:image" content="https://assets.stonecss.com/assets/ogimagecontact.JPG">
        <meta property="og:description" content="Stone CSS. Get in touch. Contact Us.">
        <!-- 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>
        <div class="header">
        <div id="logo">
            <a href="index.html">
                <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="./index.html#feature">Features</a>
            <a href="https://github.com/devarshishimpi/Stone-CSS-Website" 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="./index.html#feature">Features</a>
            <a href="https://github.com/devarshishimpi/Stone-CSS-Website" target="_blank">Github</a>
            <a href="https://blog.stonecss.com" target="_blank">Blog</a>
            <a href="./contact.html" >Contact</a>
        </div>
        <h1>Get In Touch!</h1>
        <br>
        <h2>Email :</h2>
        <h8><a href="mailto:devarshishimpi@gmail.com">devarshishimpi@gmail.com</a><br><a href="mailto:techdvs43@gmail.com">techdvs43@gmail.com</a></h8>
        <br>
        <br>
        <h2>Address</h2>
        <h8>Mumbai, Maharashtra, India.</h8>
        <br>
        <br>
        <h2>Contact Us</h2>
        <form id="contact" netlify data-netlify="true" data-netlify-recaptcha="true">
            <span id="main">
                <input class="input" name="MERGE0" type="text" placeholder="Your name" id="nameInput" style="width: 400px;" required>
                <br><br>
                <input class="input" name="MERGE0" type="email" placeholder="Your email" id="emailInput" style="width: 400px;" required>
                <br><br>
                <input class="input" name="MERGE0" type="text" placeholder="Subject" id="subjectInput" style="width: 400px;" required>
                <br><br>
                <textarea class="input" name="MERGE0" type="text" placeholder="Type message here..." id="subjectInput" style="width: 400px; min-height: 200px; max-width: 400px;" required></textarea>
                <br><br>
                <button class="cta" type="submit">Submit</button>
                <div id="recaptcha"  data-netlify-recaptcha="true"></div>
            </span>
        </form>
        <div>
            <div id="footer">
                <hr>
                <div id="right-footer">
                    <a href="./index.html#feature">Features</a>
                    <a href="https://github.com/devarshishimpi/Stone-CSS-Website" 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 DVS Tech Labs</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>
        <!--End of Tawk.to Script-->
        <script src="index.js"></script>
    </body>
</html>