Portal_Capstone/about.html at main · ibugithub/Portal_Capstone · 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
<!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>Document</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>

    <div class="container">
        <div class="wrapper">
            <header class="about_header about_header">
                <nav class="mobile_show">
                    <img id="navImg" src="images/mobile_menu 1.png" alt="This is the nav icon">
                </nav>

                <div class="desktop_show menu_container">
                    <ul class="social_menu margin0">
                        <li class="lsNone"><a href="" class="tdNone"><img src="images/twitter.png" alt="facebook logo"></a></li>
                        <li class="lsNone"><a href="" class="tdNone"><img src="images/facebook.png" alt="twitter logo"></a></li>
                        <li class="lsNone"><a href="" class="tdNone colorWhite">English</a></li>
                        <li class="lsNone"><a href="" class="tdNone colorWhite">My Page</a></li>
                        <li class="lsNone"><a href="" class="tdNone colorWhite">lagout</a></li>
                    </ul>
                    <div class="menu">
                        <div class="logo">
                            <a href="index.html"><img src="images/logo.png" alt="Logo"></a>
                        </div>
                            <ul class="navUl">
                                <li class="lsNone"><a href="about.html" class="tdNone">About</a></li>
                                <li class="lsNone"><a href="" class="tdNone">Program</a></li>
                                <li class="lsNone"><a href="" class="tdNone">Join</a></li>
                                <li class="lsNone"><a href="" class="tdNone">Sponsor</a></li>
                                <li class="lsNone"><a href="" class="tdNone">News</a></li>
                                <li class="lsNone"><a href="" class="tdNone">GSCampaign</a></li>
                            </ul>
                        </nav>
                    </div>
                </div>

                <section class="title_sub_title color_FF54">
                    <div class="sub_title">
                        <h3>""Hello! Scientific World""</h3>
                    </div>
                    <div class="title">
                        <h1>GLOBAL SCIENCE INNOVATION SUMMIT 2023</h1>
                    </div>
                </section>

                <section class="detail">
                    <div class="description">
                        <p>The Global Science Innovation summit gathers the brightest minds, academics, and activists
                            from across the globe every year to share ideas and insights. This year, we're opening up
                            the invitation to include a wider range of organizations and individuals.</p>
                    </div>
                    <div class="contact">
                        <p class="mrb5">please contact us per email for any further quuestions about Global summit 2023!
                        </p>
                        <address>cssummit2023@ccbangladash.org</address>
                    </div>
                </section>
            </header>

            <section class="logo_sec">
                <div class="logo_section">
                    <div class="logo_title">
                        <h4 class="mrb10">GLOBAL SCIENCE INNOVATION SUMMIT 2023 Logo</h4>
                    </div>
                    <div class="separator">
                        <div class="sep"></div>
                    </div>
                    <div class="logo_description">
                        <p>The logo of CC Global Summit 2015 was decided through the logo competition from 8, June to 7, July.
                            After online public voting and Selection Committee’s judging process, the logo from Naresh Agrawal won the prize.
                            After consultation with Mr. Agrawal, we optimized the prize-winning-logo for this year’s summit as follows:.</p>
                    </div>
                    <div class="log_img"><img src="images/about_logo 1.png" alt=""></div>
                </div>
            </section>

            <section class="past_summit">
                <div class="summit_title">
                    <h5 class="mrb10">See the past global summit </h5>
                </div>

                <div class="separator pdb0">
                    <div class="sep"></div>
                </div>

                <div class="summit_description">
                    <p>Take a look at the last two Global summit. Which took place in Around the world. </p>
                </div>

                <div class="summit_img_section">
                    <div class="summit_images">
                        <div class="summit_img"><img src="images/DSC00010-1024x683.jpg" alt=""></div>
                        <div class="summit_dialog">
                            <p>Global summit 2022 in vanis italy</p>
                        </div>
                    </div>

                    <div class="summit_images">
                        <div class="summit_img"><img src="images/1pftp-global-summit.jpg" alt=""></div>
                        <div class="summit_dialog">
                            <p>Global summit 2021 in Melborn Australia</p>
                        </div>
                    </div>
                </div>

            </section>

            <section class="partner_section mobile_show">
                <div class="partner">
                    <h5>Partner</h5>
                </div>
                <div class="separator">
                    <div class="sep"></div>
                </div>

                <ul class="company padding0">
                    <li class="logo lsNone"><img src="images/mozilla 1.png" alt=""></li>
                    <li class="logo lsNone"><img src="images/googlekorea 1.png" alt=""></li>
                    <li class="logo lsNone"><img src="images/naver 1.png" alt=""></li>
                    <li class="logo lsNone"><img src="images/daumkakaologo 1.png" alt=""></li>
                    <li class="logo lsNone"><img src="images/airbnb 1.png" alt=""></li>
                </ul>
            </section>

            <footer>
                <div class="left">Global Science Newzeland</div>
                <div class="right">2023 Creative commons Newzeland. Some right reserved.</div>
            </footer>
        </div>
    </div>

    <script src="index.js"></script>
</body>

</html>