index.html

<!DOCTYPE html>
<!--What the tab bar would say-->
<head>
    <title>MOBI Pamphlet</title>
    <meta name="site_name" content="MOBI Pamphlet" /> 
    <meta name="type" content="Website" />
    <link rel="stylesheet" href="src/style.css">
</head>

<!--Main part of the document. What is seen.-->
<body>
    <div>
        <div class="header">
            <h1 class="logo">MOBI</h1>
            <img src="src/MOBI_Logo.png" alt="MOBI Logo">
        </div>
        <div>
            <h1 class="spacingOut">Join us!</h1>
            <div class="linksconstainer">
                <a href="https://discord.com/invite/pjjgRC7ErT" class="link"> Link to Discord</a>
                <a href="https://mavengage.uta.edu/organization/mobi" class="link">Link to MavEngage</a>
            </div>
        </div>
        <div>
            <h1 class="spacingOut">About</h1>
            <p>We are a club that allows members to expand their skills and knowledge in coding! Overall laidback environment, nothing too serious. Open to all students, regardless of skill level or coding experience. Collaboration is welcomed! No membership fees</p>
        </div>
        <div>
            <h1 class="spacingOut">What does MOBI do?</h1>
            <p>We primarily aim for web development, but we also have done app development from time to time! With enough resources, me may be able to host other events outside of social codings!</p>
        </div>
        <div>
            <h1 class="spacingOut">Upcoming Events</h1>
            <div class="bigBorder">
                <h2>Social Coding Event (recurring event)</h4>
                <p>Help contribute to a website by creating your own website and publishing it to the repo! You could always come by to chat, make friends, learn from each other, or have fun. We might have food sometimes.</p>
            </div>
            <div class="bigBorder">
                <h2 class="events">Intro to Networking workshop series(WIP)</h4>
                <p>Work-in progress. Details to be decided. Might or might not include a introduction to the following: golang or C or other.  Likely to include a simple introduction to the minecraft protocol</p>
            </div>
        </div>
        
    </div>
    <div style="display: flex; justify-content: center; height: 150px; padding-top: 4vw;">
        <img src="src/MOBI_Logo.png" alt="MOBI Logo">
    </div>
</body> 