Capstone_Project-1/index.html at main · Eccb7/Capstone_Project-1 · 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
<!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>Math-Flyer</title>
    <link rel="stylesheet" href="style.css" />
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
</head>
<body>
    <div class="social">
        <ul class="icons">
            <li><a href=""><img src="images/facebook.png" alt="facebook"></a></li>
            <li><a href=""><img src="images/twitter.png" alt="twitter"></a></li>
            <li><a href="">English</a></li>
            <li><a href="">My Page</a></li>
            <li><a href="">Logout</a></li>
        </ul>
    </div>
    <header id="navigation">
        <a href="#home" class="logo"><img src="images/math-bird.svg" alt="logo"></a>
        <nav>
            <div>
                <div class="mobile-menu">
                    <a href="#" class="hamburger">
                        <span class="bar"></span>
                        <span class="bar"></span>
                        <span class="bar"></span>
                    </a>
                </div>
                <ul class="nav-list">
                    <li><a href="about.html" class="nav-link">About</a></li>
                    <li><a href="#program" class="nav-link">Program</a></li>
                    <li><a href="#" class="nav-link">Join</a></li>
                    <li><a href="#partners" class="nav-link">Sponsor</a></li>
                    <li><a href="#" class="nav-link">News</a></li>
                    <button type="button" class="campaign">Math Campaign</button>
                </ul>
            </div>
        </nav>
    </header>
    <section id="home">
        <div class="home-details">
            <article class="">
                <h3 class="intro">"Hello! Mathematicians"</h3>
                <h1 class="intro2">THE MATHEMATICS ANNUAL
                    <br>
                    GLOBAL SYMPOSIUM
                </h1>
            </article>
            <article class="details">
                <p class="p-3 text-secondary-emphasis bg-secondary-subtle border border-secondary-subtle rounded-3">
                    The Mathematics Annual Global Symposium is a prestigious event organized with a motivation to provide an excellent international platform for the academicians, researchers, engineers, industrial participants and budding students around the world to SHARE their research findings with the global experts.
                </p>
            </article>
            <article>
                <h2>2024.06.17(MON) ~ 18(TUE)</h2>
                <p>@ St Edmund Hall in the University of Oxford</p>
            </article>
        </div>
        <section id="program">
            <div class="event-program">
                <h3>Main Program</h3>
                <div class="program-cards">
                    <article class="program-details">
                        <img src="images/lecture.png" alt="calculus">
                        <h4>Lecture</h4>
                        <p>
                            Listen to the speakers from various countries and departments of specialization about the breakthroughs that have been seen in mathematics in the previous year.
                        </p>
                    </article>
                    <article class="program-details">
                        <img src="images/exhibition.png" alt="exhib">
                        <h4>Math Exhibition</h4>
                        <p>
                            Appreciate various formulas arrived at and solutions applying them to work out other problem at various stations.
                        </p>
                    </article>
                    <article class="program-details">
                        <img src="images/forum.svg" alt="forum">
                        <h4>Forum</h4>
                        <p>
                            Have the time to share your thoughts and opinions with experts for each topic.
                        </p>
                    </article>
                    <article class="program-details">
                        <img src="images/workshop.png" alt="workshop">
                        <h4>Workshop</h4>
                        <p>Try creating working on your own solutions using formulas discussed rather than just listening and watching</p>
                    </article>
                    <article class="program-details">
                        <img src="images/ignite.svg" alt="ignite">
                        <h4>Math Ignite</h4>
                        <p>
                            Get opportunities to network with the Math Scholars and Researchers around the world, also after the Symposium
                        </p>
                    </article>
                </div>
                <a href="" class="whole-prog">SEE THE WHOLE PROGRAM</a>
                <button class="join-btn">Join THE MATHEMATICS ANNUAL SYMPOSIUM</button>
            </div>
        </section>
    </section>
    <section id="speakers">
        <div id="featured-speakers" class="speaker-card"></div>
        <button type="button" class="more-btn">More</button>
    </section>
    <section id="partners2">
        <div class="partners">
            <div>
                <h3>Partners</h3>
            </div>
            <div class="partners-card">
                <article>
                    <img src="images/partner4-removebg-preview.png" alt="partner4-preview">
                </article>
                <article>
                    <img src="images/partner3-removebg-preview.png" alt="partner3-preview">
                </article>
                <article>
                    <img src="images/partner-removebg-preview.png" alt="partner-preview">
                </article>
                <article>
                    <img src="images/partner2-removebg-preview.png" alt="partner2-preview">
                </article>
                <article>
                    <img src="images/partner1-removebg-preview.png" alt="partner1-preview">
                </article>
            </div>
        </div>
    </section>
    <footer id="footer2">
        <img src="images/math-bird.svg" alt="logo" class="foot-img2">
        <p class="footer2-p">2024 Mathematics Annual Symposium
            <br>
            The future lie with the numbers, so lets solve them
        </p>
    </footer>
    <script src="script.js"></script>
</body>
</html>