-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
137 lines (137 loc) · 7.7 KB
/
about.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="about.css">
<title>WOS About</title>
</head>
<body>
<div class="wrapper">
<header class="head-navbar">
<div class="mobile-nav">
<nav class="with-hamburger">
<div class="slidediv">
<ul class="olist">
<a class="olist-a" href='index.html'><li>Home</li></a>
<a class="olist-a" href="#partners"><li>Sponsor</li></a>
<a class="olist-a" href="#news"><li>News</li></a>
</ul>
</div>
<button class="menu-button">
<div class="ham">
<div class="bar1"></div>
<div class="bar2"></div>
<div class="bar3"></div>
</div>
</button>
</nav>
</div>
<div class="desktop-nav">
<div class="header-bar">
<ul class="header-bar-list">
<li><ion-icon name="logo-facebook"></ion-icon></li>
<li><ion-icon name="logo-twitter"></ion-icon></li>
<li>English</li>
<li>My Page</li>
<li>Logout</li>
</ul>
</div>
<nav class="with-logo-list">
<div class="logo">
<a class='logo-img-link' href='index.html'><img class="logo-img" src="./media/logo/WOSresize.png" alt="WOS Logo"></a>
</div>
<div class="nav-list">
<ul class="nav-list-items">
<li><a href='index.html'>Home</a></li>
<li><a href='#main-program'>Program</a></li>
<li><a href='#join-event-button'>Join</a></li>
<li><a href='#partners'>Sponser</a></li>
<li><a href='#news'>News</a></li>
</ul>
</div>
<div class="tour-button">
<button class="wos-tour-button">WOS Tour</button>
</div>
</nav>
</div>
</header>
<main class="maincontent">
<section class="head-section">
<h2 class="headline-h2">"Hello! Sharing world"</h2>
<h1 class="headline-h1">White Orange Sky Summer Concert 2023</h1>
<div class='tagline-div'>
<p class="headline-tagline">The White Orange Sky is a band that has been making music for 10 years and having world tours from past 3 years successfully. A joyful celebration of music, dance, entertainment with more attractions and people all over from 80 countries taking place in India.</p>
<p class="headline-tagline-desk">The White Orange Sky is a band that has been making music for 10 years and having world tours from past 3 years successfully. A joyful celebration of music, dance, entertainment with more attractions and people all over from 80 countries taking place in India. This year's summer concert is even more big than the past two years summer concert. Along with the band artists there new featurings in the show which might blow the audiance mind.</p>
</div>
<div class="headline-info">
<h3 class="headline-tag">Please contact us per Email for any further questions about WOS Summer Concert 2023!</h3>
<a href=''><p class="headline-email">wosconcert2023@wosworld.org</p></a>
</div>
</section>
<section class="logo-display-section">
<div class="logo-div-heading">
<h4 class="logo-heading">White Orange Sky Summer Concert 2023 Logo</h4>
<hr class="logo-div-bar">
<p class="logo-div-para-mobile">The logo of the WOS summer concert is decided through a competition process and is being used after discussions with the winner.</p>
<p class="logo-div-para">The logo of WOS summer concert 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 Tanmayi Manku won the prize.
After consultation with Ms. Tanmayi, we optimized the prize-winning-logo for this year's Concert as follows:</p>
<img class="logo-div-img" src="./media/logo/WOSresize.png" alt="WOS Logo Image">
</div>
</section>
<hr class="news-section-hr">
<section class="news-section" id="news">
<div class="news-heading">
<h4 class="news-heading-h4">See the past WOS Concerts</h4>
<hr class="news-div-bar">
<p class="news-heading-paragraph">Take a look at the last two WOS summer Concerts which took place in Korean and Italy.</p>
</div>
<div class="news-imgs-div">
<div class="news-img-one">
<div class="news-one-inside">
<h3>2022</h3>
<p>WOS Summer Concert 2022 in Korea</p>
</div>
</div>
<div class="news-img-two">
<div class="news-one-inside">
<h3>2019</h3>
<p>WOS Summer Concert 2019 in Italy</p>
</div>
</div>
</div>
</section>
<section class="partners-section" id="partners">
<div class="partners-heading-hr">
<h4 class="partners-heading">Partner</h4>
<hr class="partners-div-bar">
</div>
<div class="partners">
<ul class="partners-list">
<li class='partner-div'><img src="./media/partners/mozilla 1.svg" alt="mozilla"></li>
<li class='partner-div'><img src="./media/partners/googlekorea 1.svg" alt="google"></li>
<li class='partner-div'><img src="./media/partners/naver 1.svg" alt="naver"></li>
<li class='partner-div'><img src="./media/partners/daumkakaologo 1.svg" alt="damukakao"></li>
<li class='partner-div'><img src="./media/partners/airbnb 1.svg" alt="airbnb"></li>
</ul>
</div>
</section>
<footer class="footer">
<div class="footer-logo">
<img class="footer-img deskaboutfooter" src="./media/logo/aboutpagelogo.png" alt="WOS logo image">
<img class="footer-img mobileaboutfooter" src="./media/logo/footerlogoresize.png" alt="WOS logo image">
</div>
<div class="footer-content">
<p class="footer-rights">2023 White Orange Sky India. Some Rights Reserved.</p>
<p class="footer-description">WOS Concert 2023, National Stadium of India, Art Center Nabi.</p>
</div>
</footer>
</main>
</div>
<script type="module" src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script>
<script src="main.js"></script>
</div>
</body>
</html>