index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Microverse summary</title>
    <link rel="stylesheet" href="styles/main.css">
    <link rel="stylesheet" href="styles/home/style.css">
    <link rel="stylesheet" href="styles/home/desktop.css">
    <link rel="stylesheet" href="styles/home/mobile.css">
    <script src="https://kit.fontawesome.com/8eb467c874.js" crossorigin="anonymous"></script>
</head>

<body>

    <header>
        <div class="desktop-version ">
            <ul>
                <li><a href="https://www.facebook.com/microverseinc/"><i class="fa-brands fa-facebook-f"></i></a></li>
                <li><a href="https://twitter.com/microverseinc?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor"><i
                            class="fa-brands fa-twitter"></i></a></li>
                <li>
                    <p>english</p>
                </li>
                <li><a href="https://github.com/Cluab">my page</a></li>
                <li>
                    <p>logout</p>
                </li>
            </ul>
        </div>
        <nav>
            <div class="hamburger">
                <span class="bar"></span>
                <span class="bar"></span>
                <span class="bar"></span>
            </div>
            <a href="index.html" class="nav-logo-link">
                <img class="microverse-logo" src="images/transparent.webp" alt="Microverse logo click for main page">
            </a>
            <ul class="ul-nav">

                <button class="close-button" type="button">&times;</button>
                <li class="highlight"><a class="about-link nav-link" href="about.html">
                        <p class="highlight">About</p>
                    </a></li>
                <li><a class="other-link nav-link" href="#intro">
                        <p>Introduction</p>
                    </a></li>
                <li><a class="other-link nav-link" href="#exper">
                        <p>Experience</p>
                    </a></li>
                <li><a class="other-link nav-link" href="#member">
                        <p>Members</p>
                    </a></li>
                <li><a class="other-link nav-link" href="#sponsor">
                        <p>Sponsor</p>
                    </a></li>
            </ul>
        </nav>
    </header>

    <section class="intro-section" id="intro">
        <div class="intro1">
            <h1>"Hello,sharing world!"</h1>
            <h2>Become an international software developer,
                from anywhere.</h2>
        </div>
        <p class="intro-description">Gain the skills you need to get hired. Learn online, connect to life-changing
            opportunities.
            Pay $0 until you land a job!</p>
        <div class="rating">
            <h3>Microverse reviews ~ average of 4.5 out of 5 on Career Karma.</h3>
            <p class="intro-date">Microverse is the brainchild of Founder & CEO, Ariel Camus. He started the
                company in 2017.
            </p>
        </div>
    </section>
    <section class="main-program" id="exper">
        <div class="main-text">
            <h3>
                A New Learning Experience
            </h3>
        </div>
        <div class="main-big-box">
            <div class="main-box">
                <img src="images/program_icon_04.png" alt="NO UPFRONT COST">
                <h4>NO UPFRONT COST</h4>
                <p>You owe us nothing until you get a job —no matter what country you’re in.</p>
            </div>
            <div class="main-box">
                <img src="images/program_icon_03.png" alt="COLLAB LEARNING">
                <h4>COLLAB LEARNING</h4>
                <p>Learn through pair programming, group projects,and project reviews.</p>
            </div>
            <div class="main-box">
                <img src="images/program_icon_01.png" alt="GLOBAL CHANCE">
                <h4>GLOBAL CHANCE</h4>
                <p>Connect with global jobs after gaining experience working on a remote team.</p>
            </div>
            <div class="main-box">
                <img src="images/program_icon_05.png" alt="SUPPORT AND LIABLE">
                <h4>SUPPORT AND LIABLE</h4>
                <p>Receive support from our dedicated Student Success Team, mentors, a personal career coach, and more.
                </p>
            </div>
            <div class="main-box">
                <img src="images/program_icon_02.png" alt="">
                <h4>FRAMEWORK</h4>
                <p>Microverse’s immersive, full-time structure helps you keep pushing yourself to your full potential.
                </p>
            </div>


        </div>
        <a href="https://www.microverse.org/#Curriculum">SEE THE WHOLE PROGRAM</a>
    </section>
    <section class="team-section" id="member">
        <div class="main-text">
            <h3>Who is behind Microverse?</h3>
        </div>
        <div class="team-box">


        </div>
        <div class="mobile-version">
            <a href="about.html" class="mobile-version"><button class="see-more mobile-version" type="button">see
                    more</button></a>
        </div>
    </section>

    <section class="sponsor desktop-version" id="sponsor">
        <div class="main-text">
            <h3>We’re backed by some incredible people...</h3>
        </div>
        <div class="backed-by">
            <img class="sponsor-img" src="sponsers-img/5e581622c52d562e19f15c2f_soma-capital.png" alt="SOMA CAPITAl">
            <img class="sponsor-img" src="sponsers-img/5e5816210e511c21a03350d2_50Ylogo.png" alt="Y 50'">
            <img class="sponsor-img" src="sponsers-img/5e5816210e511cdd323350d3_gc.webp" alt="GENERAL CATALYST">
            <img class="sponsor-img" src="sponsers-img/5e5816226dfe7b54f5cef482_yclogo.png" alt="yclogo">
            <img class="sponsor-img" src="sponsers-img/5e5816226dfe7b896acef481_l2.png" alt="L2 VENTURES">
            <img class="sponsor-img" src="sponsers-img/5e58162203fc89e9aa5acc3a_hackvc.webp" alt="hackvc">
            <img class="sponsor-img" src="" alt="">
            <img class="sponsor-img" src="sponsers-img/61522595be718075aca25e5c_northzone.png" alt="Northzone">
        </div>
    </section>
    <footer class="main-footer desktop-version">
        <a href="index.html" class="nav-logo-link">
            <img class="main-img" src="images/transparent.webp" alt="Microverse logo click for main page">

        </a>
        <p class="ender desktop-version">Talent is everywhere, but opportunity is not.
            Follow us on our journey to close the gap and connect one million people to remote jobs by 2030.</p>
        <p class="mobile-version ">Follow us on our journey where Microverse invests in you</p>
    </footer>

    <script src="script.js"></script>
    <script src="menu.js"></script>
</body>

</html>