FutureMajor/AboutUs.html at main · farrfoxr/FutureMajor · 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
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>FutureMajor - Learning Meets Inspiration</title>
    <link rel="icon" href="Assets/brand-icon-real.png" type="image/png">

    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Newsreader:ital,opsz,wght@0,6..72,200..800;1,6..72,200..800&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">

    <link rel="stylesheet" href="Pages/AboutUs/AboutUs.css">
    <link rel="stylesheet" href="Pages/Components css/navbar.css">
    <link rel="stylesheet" href="Pages/Components css/footer.css">
</head>
<body>
    <nav class="navbar">
        <div class="logo-container">
            <img src="Assets/brand-icon-real.png" alt="Logo" class="logo">
            <span class="brand-title">FutureMajor</span>
        </div>

        <div class="nav-links">
            <a href="Home.html" class="nav-link">HOME</a>
            <a href="Services.html" class="nav-link">SERVICES</a>
            <a href="PriceList.html" class="nav-link">PRICELIST</a>
            <a href="AboutUs.html" class="nav-link">ABOUT US</a>
            <a href="ContactUs.html" class="nav-link">CONTACT</a>
        </div>

        <div class="nav-buttons">
            <button class="btn btn-outline">LOG IN</button>
            <button class="btn btn-filled">SIGN UP</button>
        </div>
    </nav>

    <main class="main-content">
        <section class="content-section">
            <div class="paper-plane-container">
                <img src="Assets/paper-plane.png" alt="Paper Plane Icon" class="paper-plane">
            </div>
            <div class="text-content">
                <h1 class="welcome-text">
                    Welcome to Future Major, where we empower students to discover their passions and pave their paths to success. Our mission is to provide comprehensive guidance and resources that help aspiring scholars navigate their educational journeys.
                </h1>

                <p class="description">
                    At Future Major, we believe in the unique potential of every student. We offer personalized consultations, expert advice on selecting the right majors and schools, and tools for academic and career planning. Our dedicated team of educational advisors is committed to fostering a supportive environment where students can thrive.
                </p>

                <p class="mission-statement">
                    JOIN US AS WE EXPLORE ENDLESS POSSIBILITIES FOR YOUR FUTURE AND HELP YOU TURN YOUR DREAMS INTO REALITY!<br>
                    TOGETHER, WE'LL UNLOCK THE DOORS TO YOUR FUTURE MAJOR.
                </p>
            </div>
        </section>
    </main>

    <div class="footer" style="top:100px">
        <div class="footer-content">
            <!-- Left Section -->
            <div class="footer-left">
                <img src="Assets/placeholder.png" alt="Logo" class="footer-logo">
                <p class="copyright">© 2024. All Rights Reserved.</p>
            </div>

            <!-- Center Section -->
            <div class="footer-center">
                <div class="footer-column">
                    <h3>Quick Links</h3>
                    <a href="#" class="footer-link">Services</a>
                    <a href="#" class="footer-link">Pricelist</a>
                    <a href="#" class="footer-link">About Us</a>
                    <a href="#" class="footer-link">Contact Us</a>
                </div>
                <div class="footer-column">
                    <h3>Resources</h3>
                    <a href="#" class="footer-link">Articles</a>
                    <a href="#" class="footer-link">Partnerships</a>
                    <a href="#" class="footer-link">Careers</a>
                </div>
            </div>

            <!-- Right Section -->
            <div class="footer-right">
                <div class="follow-us">
                    <h3>Follow us</h3>
                    <div class="social-icons">
                        <a href="https://www.facebook.com" class="social-icon" target="_blank"><i class="fab fa-facebook-f"></i></a>
                        <a href="https://www.instagram.com" class="social-icon" target="_blank"><i class="fab fa-instagram"></i></a>
                        <a href="https://www.twitter.com" class="social-icon" target="_blank"><i class="fab fa-twitter"></i></a>
                        <a href="https://www.linkedin.com" class="social-icon" target="_blank"><i class="fab fa-linkedin-in"></i></a>
                        <a href="https://www.youtube.com" class="social-icon" target="_blank"><i class="fab fa-youtube"></i></a>
                    </div>
                </div>
                <div class="location">
                    <h3>Our Location</h3>
                    <a href="#" class="footer-link">View Map</a>
                </div>
            </div>
        </div>
    </div>
</body>
</html>