FutureMajor/Home.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
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
<!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="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
        <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="Pages/Home/Home.css">
        <link rel="stylesheet" href="Pages/Components css/navbar.css">
        <link rel="stylesheet" href="Pages/Home/About-us.css">
        <link rel="stylesheet" href="Pages/Home/Schedule.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>
    <div class="background"><div class="darken"><h1 style="color: whitesmoke; font-size: 60px; font-weight: 400; font-family: Newsreader, serif;">Welcome To FutureMajor!</h1></div></div>

    <section class="about-us">
        <div class="about-wrapper">
            <div class="about-left"></div>

            <div class="about-right">
                <h3>About us</h3>
                <div class="event-divider" style="margin-bottom: 15px;"></div>
                <h2>What is FutureMajor?</h2>
                <p style="text-align: justify;">We are a company that empowers 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</p>
                <button>Learn More</button>
            </div>
        </div>
    </section>

    <section class="schedule">
        <div class="schedule-wrapper">
            <div class="schedule-left"></div>

            <div class="schedule-right">
                <div class="events-section">
                    <div class="event-item">
                        <div class="event-date">03 Dec 2024</div>
                        <div class="event-divider"></div>
                        <div class="event-description">Study Abroad Info Day Opportunities Beyond Indonesia</div>
                    </div>
                    <div class="event-item">
                        <div class="event-date">15 Dec 2024</div>
                        <div class="event-divider"></div>
                        <div class="event-description">Parent Student Counseling Day Bridging Goals and Expectations</div>
                    </div>
                    <div class="event-item">
                        <div class="event-date">22 Jan 2025</div>
                        <div class="event-divider"></div>
                        <div class="event-description">University Exploration Fair Discover Your Future Campus</div>
                    </div>
                    <div class="event-item">
                        <div class="event-date">09 Feb 2025</div>
                        <div class="event-divider"></div>
                        <div class="event-description">Campus Visit Tour Exploring Universitas Gadjah Mada</div>
                    </div>
                    <div class="event-item">
                        <div class="event-date">17 Mar 2025</div>
                        <div class="event-divider"></div>
                        <div class="event-description">Webinar Choosing the Right Major for Your Passion</div>
                    </div>
                    <div class="event-item">
                        <div class="event-date">05 Apr 2025</div>
                        <div class="event-divider"></div>
                        <div class="event-description">Workshop Creating the Perfect University Application</div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <div class="footer">
        <div class="footer-content">
            <!-- Left Section -->
            <div class="footer-left">
                <img src="Assets/brand-icon-real.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="Services.html" class="footer-link">Services</a>
                    <a href="PriceList.html" class="footer-link">Pricelist</a>
                    <a href="AboutUs.html" class="footer-link">About Us</a>
                    <a href="ContactUs.html" 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>

    <script src="Pages/Home/Home.js"></script>
</body>
</html>