<nav id="navbar" class="navbar">
        <div id="nav" class="navbar-container nav">
            <div class="nav-logo">
                <div id="circle-navbar"></div>
                <a href="#">
                    <img src="./assets/image/logo-antiSocial.svg" alt="logo">
                </a>
        </div>
            <button class="nav-btn-respondsive"></button>
            <ul id="shrink" class="nav-menu">
                <li><a href="#">Home</a></li>
                <li><a href="#">About Us</a></li>
                <li><a href="#">Company</a></li>
                <li><a href="#">Team</a></li>
                <li><button class="btn btn-secondary">Contact Us</button></li>
            </ul>
        </div>
    </nav>
            
        

            
            
    <section id="header">
        <div class="container container-header header">
            <div class="grid-12 header-content">
                <span class="header-content-subtext" data-aos="fade-up" data-aos-delay="0">Take Control of Your Social Media</span>
                <h1 class="header-content-display" data-aos="zoom-in" data-aos-delay="300">Manage Your <span class="text-primary">Social</span> Media
                    <img class="float-top-right" src="/assets/image/h1-top-right.png" alt="">
                    <img class="float-btm-left" src="/assets/image/h1-btm-left.png" alt="">
                </h1>
                <p class="header-content-paragraft" data-aos="fade-down" data-aos-delay="0">Simple and powerful social media 
                analytics to control your social media</p>
                <button class="btn btn-primary" data-aos="zoom-in" data-aos-delay="1200">Get Started</button>
                <img class="float-top-right" data-aos="fade-right" src="/assets/image/header-top-right.png" alt="">
                <img class="float-top-left" data-aos="fade-left" src="/assets/image/header-top-left.png" alt="">
                <img class="float-btm-right" data-aos="fade-right" src="/assets/image/header-btm-right.png" alt="">
                <img class="float-btm-left" data-aos="fade-left" src="/assets/image/header-btm-left.png" alt="">
            </div>
        </div>
    </section>
            
        

            
            
    <section>
        <div class="container container-feature" data-aos="fade-up" >
            <div class="grid-7 feature">
                <div class="feature-img shadow">
                    <img class="feature-img-fill" src="/assets/image/img-feature-left.png" alt="">
                    <img class="feature-ornament left-btm" src="/assets/image/feature-ornament.png" alt="">
                </div>
            </div>
            <div class="grid-5 feature">
                <div class="feature-img shadow">
                    <img class="feature-img-fill" src="/assets/image/img-feature-right.png" alt="">
                    <img class="feature-ornament right-top" src="/assets/image/feature-card.png" alt="">
                </div>
            </div>
        </div>
    </section>
            
        

            
            
    <section>
        <div class="container container-partner partner">
            <div class="partner-tittle">
                <p class="tittle">More than 23.000 + company trust Anti Social</p>
            </div>
            <div class="partner-sponsore">
                <div class="grid-3">
                    <img class="" src="/assets/image/Disney+-Logo.wine.svg" alt="">
                </div>
                <div class="grid-3">
                    <img class="" src="/assets/image/Facebook-Logo.wine.svg" alt="">
                </div>
                <div class="grid-3">
                    <img class="" src="/assets/image/Google-Logo.wine.svg" alt="">
                </div>
                <div class="grid-3">
                    <img class="" src="/assets/image/Netflix-Logo.wine.svg" alt="">
                </div>
                <div class="grid-3">
                    <img class="" src="/assets/image/SpaceX-Logo.wine.svg" alt="">
                </div>
            </div>
        </div>
    </section>
            
        

            
            
    <section>
        <div class="container container-powerfull">
            <div class="powerfull-title">
                <div class="grid-6 title">
                        <span class="title-content-subtext" data-aos="fade-up" data-aos-delay="0">Powerful Analytics</span>
                        <h1 class="title-content-display" data-aos="fade-up" data-aos-delay="300">Simple and powerful social media analytics</h1>
                        <p class="title-content-paragraft" data-aos="fade-up" data-aos-delay="600">We help you to control your social media</p>
                </div>
                <div class="grid-6 title">
                    <div class="title-image" data-aos="zoom-in" data-aos-delay="900">
                        <img class="" src="/assets/image/powerfull-img.png" alt="">
                    </div>
                </div>
            </div>
            <div class="powerfull-card">

                <div class="card" data-aos="fade-left" data-aos-delay="0">
                    <div class="card-content-image">
                        <img class="" src="/assets/image/image-powerfull.png" alt="">
                    </div>
                    <div class="card-content-text text">
                        <h1 class="text-display">Select your social media service</h1>
                        <span class="text-subtext">Select anything what you want</span>
                        <a class="text-link">Read more 
                            <img class="ic ic-link" src="./assets/image/Arrow-Right.svg" alt="">
                        </a>

                    </div>
                </div>

                <div class="card" data-aos="zoom-in" data-aos-delay="200">
                    <div class="card-content-image">
                        <img class="" src="/assets/image/image-powerfull-2.png" alt="">
                    </div>
                    <div class="card-content-text text">
                        <h1 class="text-display">What you have to fill in the form</h1>
                        <span class="text-subtext">Fill anything what you see</span>
                        <a class="text-link">Read more 
                            <img class="ic ic-link" src="./assets/image/Arrow-Right.svg" alt="">
                        </a>

                    </div>
                </div>

                <div class="card" data-aos="fade-right" data-aos-delay="0">
                    <div class="card-content-image">
                        <img class="" src="/assets/image/image-powerfull-3.png" alt="">
                    </div>
                    <div class="card-content-text text">
                        <h1 class="text-display">Keep track of your progress</h1>
                        <span class="text-subtext">Track anything progress on your account</span>
                        <a class="text-link">Read more 
                            <img class="ic ic-link" src="./assets/image/Arrow-Right.svg" alt="">
                        </a>
                    </div>
                </div>
    
            </div>
        </div>
    </section>
            
        

            
            
    <section>
        <div class="container container-whoweare">
            <div class="whoweare-title">
                <div class="grid-12 title">
                        <span class="title-content-subtext" data-aos="fade-up" data-aos-delay="0">
                        Who We Are</span>
                        <h1 class="title-content-display" data-aos="fade-up" data-aos-delay="300">
                        Look what we've been working on so far</h1>
                        <p class="title-content-paragraft" data-aos="fade-up" data-aos-delay="600">
                        Some experts worry that teens are more anxious and have lower self-esteem because of social media and texting. </p>
                </div>
            </div>

            <div class="whoweare-video">
                <div class="grid-12 video">
                    <div class="video-content shadow-whoweare">
                        <img class="displays" src="/assets/image/video-play.png" alt="" 
                        data-aos="zoom-in" data-aos-delay="100">
                        <img class="ornament float-btm-left" src="/assets/image/card-btm-left.png" alt="" 
                        data-aos="fade-left" data-aos-delay="0">
                        <img class="ornament float-btm-right" src="/assets/image/card-btm-right.png" alt="" 
                        data-aos="fade-down" data-aos-delay="0">
                        <img class="ornament float-top-right" src="/assets/image/card-top-right.png" alt="" 
                        data-aos="fade-right" data-aos-delay="0">
                    </div>
                </div>
            </div>

        </div>
    </section>
            
        

            
            
    <section>
        <div class="container container-whatwedo">
            <div class="grid-6 whatwedo-title">
                <div class="title">
                    <span class="title-content-subtext" data-aos="fade-up" data-aos-delay="0">What We Do</span>
                    <h1 class="title-content-display" data-aos="fade-up" data-aos-delay="300">Know more about who we are</h1>
                </div>
                <div class="image">
                    <div class="image-item">
                        <img src="./assets/image/img-whatwedo.png" alt="" data-aos="zoom-in" data-aos-delay="600">
                        <img src="./assets/image/card-whatwedo-1.png" alt="" class="float-ornament float-btm-right" 
                        data-aos="fade-right" data-aos-delay="600">
                    </div>
                </div>
            </div>

            <div class="grid-6 whatwedo-title">
                <div class="image">
                    <div class="image-item">
                        <img src="./assets/image/img-whatwedo.png" alt="" data-aos="zoom-in" data-aos-delay="600">
                        <img src="./assets/image/card-whatwedo-2.png" alt="" class="float-ornament float-btm-left"  data-aos="fade-left" 
                        data-aos-delay="600">
                    </div>
                </div>
                <div class="title">
                    <p class="title-content-paragraft"  data-aos="fade-up" data-aos-delay="900">
                    Some experts worry that teens are more anxious and have lower self-esteem because of social media and texting.
                    There are key differences to socializing online. </p>
                    <a class="title-content-link" data-aos="fade-up" data-aos-delay="1200">
                        Read more 
                        <img class="ic ic-link" src="./assets/image/Arrow-Right.svg" alt="">
                    </a>
                </div>
            </div>
        </div>
    </section>
            
        

            
            
    <section>
        <div class="container container-blog">
            <div class="blog-title">
                <div class="grid-12 title">
                        <span class="title-content-subtext" data-aos="fade-up" data-aos-delay="0">The Blog</span>
                        <h1 class="title-content-display" data-aos="fade-up" data-aos-delay="300">Our Blog</h1>
                        <p class="title-content-paragraft" data-aos="fade-up" data-aos-delay="600">
                        A collection of blogs from several trusted and latest sources. </p>
                </div>
            </div>

            <div class="blog-content" data-aos="fade-up" data-aos-delay="900">
                <div class="content">

                    <div class="grid-6 content-item">
                        <div class="content-item-blog">
                            <div class="item-bg">
                                <div class="item-bg-opacity">
                                    <div class="item-view">
                                        <button class="item-view-link">
                                            <img src="./assets/image/Arrow - Right Circle.svg" alt="">
                                        </button>
                                        <div class="item-view-content">
                                            <h1 class="item-view-content-title">How Using Social Media Affects Teenagers</h1>
                                            <p class="item-view-content-subtitle">Experts say kids are growing up with more anxiety </p>
                                        </div>
                                    </div>
                                </div>
                                <div class="item-bg-img">
                                    <img src="./assets/image/dummy-fotos-1.png" alt="">
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="grid-6 content-item">
                        <div class="content-item-blog tab">

                            <div class="blog-items">
                                <img src="/assets/image/dummy-fotos.png" alt="" class="item">
                                <div class="blog-items-content">
                                    <h1 class="blog-items-content-title">How is socializing online different?</h1>
                                    <p class="blog-items-content-subtitle">Cyberbullying and the imposter syndrome</p>
                                </div>
                                <button class="link">
                                    <img src="/assets/image/Arrow - Right Circle blue.svg" alt="">
                                </button>
                            </div>

                            <div class="blog-items">
                                <img src="/assets/image/dummy-fotos.png" alt="" class="item">
                                <div class="blog-items-content">
                                    <h1 class="blog-items-content-title">How does social media affect self-esteem?</h1>
                                    <p class="blog-items-content-subtitle">Indirect communication lowering the risks</p>
                                </div>
                                <button class="link">
                                    <img src="/assets/image/Arrow - Right Circle blue.svg" alt="">
                                </button>
                            </div>
                            
                            <div class="blog-items">
                                <img src="/assets/image/dummy-fotos.png" alt="" class="item">
                                <div class="blog-items-content">
                                    <h1 class="blog-items-content-title">How can parents help?</h1>
                                    <p class="blog-items-content-subtitle">What should parents do?</p>
                                </div>
                                <button class="link">
                                    <img src="/assets/image/Arrow - Right Circle blue.svg" alt="">
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </section>
            
        

            
            
    <footer class="footer">
        <div class="footer-container">

            <div class="footer">
                <div class="footer-logo">
                    <a href="#">
                        <img src="./assets/image/logo-antiSocial.svg" alt="logo">
                    </a>
                </div>
                <ul class="footer-menu">
                    <li><a href="#">Home</a></li>
                    <li><a href="#">About Us</a></li>
                    <li><a href="#">Company</a></li>
                    <li><a href="#">Team</a></li>
                </ul>
                <button class="btn btn-secondary">
                    <a href="#header">
                        Back to top
                        <img class="ic ic-link" src="./assets/image/Arrow-Up.svg" alt="">
                    </a>
                </button>
            </div>

            <div class="copyright">
                <span class="copyright-mark">© 2022 — Anti Social. All Rights Reserved</span>
                <div class="term-privacy">
                    <span class="term">Terms & Condition</span>
                    <span class="privacy">Privacy</span>
                </div>
            </div>

        </div>
    </footer>
            
        

            
            
    <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>