NSBE-UMB.github.io/index.html at main · NSBE-UMB/NSBE-UMB.github.io · GitHub

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
<!DOCTYPE html>
<html lang='en'>
<head>
    <meta charset='UTF-8'>
    <meta name='viewport' content='width=device-width, initial-scale=1.0'>
    <title>NSBE UMass Boston</title>
    <link rel='stylesheet' href='style.css'>
</head>
<body>

    <nav class='nav-bar'>
        <div class='logo'>
            <img src='gfx/nsbe.png'><img src='gfx/umb.png' style='height:80px'>
        </div>
        <ul class='nav-links' id='nav-links'>
            <li><a href='' style='color:#9d8412'>Home</a></li>
            <li><a href='about.html'>About</a></li>
            <li><a href='eboard.html'>E-Board</a></li>
            <li><a href='contact.html'>Contact</a></li>
        </ul>
        <div class='hamburger' id='hamburger'>
            <div></div>
            <div></div>
            <div></div>
        </div>
    </nav>

    <script>
        const hamburger = document.getElementById('hamburger');
        const navLinks = document.getElementById('nav-links');

        hamburger.addEventListener('click', () => {
            navLinks.classList.toggle('show');
        });
    </script>

    <div class='content'>
        <img src='gfx/nsbe_gold.png' alt='NSBE Gold Logo'>
        <div class='text-content'>
            <h1>Welcome to NSBE UMass Boston!</h1>
            <p align='justify'>
                We are the UMass Boston Chapter of the National Society of Black Engineers (NSBE), a dynamic organization committed to empowering Black professionals and students in STEM (Science, Technology, Engineering, and Mathematics). Our mission is simple but impactful: to increase the number of culturally responsible Black engineers who excel academically, succeed professionally, and positively impact the community.
            </p>
            <p align='justify'>
                As a hub for innovation, collaboration, and leadership, NSBE UMass Boston serves as a bridge between talent and opportunity. Whether you’re a student seeking mentorship, a professional looking to grow your network, or a company ready to connect with diverse talent, we’re here to support you.
            </p>
            <p align='justify'>
                Join us in building a future where Black engineers and STEM leaders shape the world with excellence, creativity, and purpose.
            </p>
            <h3>Empowering Minds. Transforming Futures.</h3>
            <a href='about.html' class='learn-more-btn'>Learn More</a>
        </div>
    </div>

    <div class='socials'>
        <h3>Follow us on socials:</h3>
        <a href='https://x.com/UMB_NSBE'><img src='gfx/x.png' alt='X (Twitter)'></a>
        <a href='https://www.linkedin.com/in/umb-nsbe-5a53a6348/'><img src='gfx/linkedin.png' alt='LinkedIn'></a>
        <a href='https://www.instagram.com/nsbe_umb/?hl=en'><img src='gfx/insta.png' alt='Instagram'></a>
        <a href='https://nsbe.org'><img src='gfx/nsbe.png' alt='Facebook'></a>
    </div>

</body>
</html>