-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
146 lines (136 loc) · 7.01 KB
/
index.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
138
139
140
141
142
143
144
145
146
<!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">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<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=Gothic+A1:wght@700;900&family=Lato:wght@400;700;900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<title>Interdisciplinary Social Sciences</title>
</head>
<body>
<!--navbar-->
<header>
<div class="desktop-topNav">
<ul class="d-flex">
<li><a href=""><img src="./assets/facebook.svg" alt=""></a></li>
<li><a href=""><img src="./assets/twitter.svg" alt=""></a></li>
<li><a href="">English</a></li>
</ul>
</div>
<nav class="container-nav d-flex flex-direction-row px-2 py-2 ">
<div class="nav-log pt-2">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</div>
<a class="d-flex" href="index.html"><img class="logoHeader" src="./assets/logo.svg" alt="logo"></a>
<ul class="nav-menu ">
<li class="page-parts about-link"><a class="nav-link" href="./aboutme.html">About</a></li>
<li class="page-parts"><a class="nav-link" href="#program">Program</a></li>
<li class="page-parts"><a class="nav-link" href="#blended-ways">Blended Ways</a></li>
<li class="page-parts"><a class="nav-link" href="#speakersId">Speakers</a></li>
<li class="page-parts"><a class="nav-link" href="#sponsonrs">Partners</a></li>
<li class="page-parts campain-link"><a class="nav-link" href="https://thesocialsciences.com/">Campain</a></li>
</ul>
</nav>
</header>
<!-- Main Section -->
<main class="page-development d-flex flex-column">
<div class="main-titles d-flex flex-column-reverse px-1">
<h1 class="main-title">Agency in an Era of Displacement and Social Change</h1>
<h2 class="main-subtitle">18th International Conference on Interdisciplinary Social Sciences</h2>
</div>
<div class="main-description px-2">
<p id="program">The conference program groups together presentations along similar themes to facilitate knowledge sharing and community building. The first schedule of sessions will be announced two months prior to the conference start date. In our blended conference model, we will offer both place-based and online options for viewing and engaging</p>
</div>
<div class="main-location">
<h3>2023.7.19(WED)- 21(FRI)</h3>
<h6>@ Oxford Brookes University, Oxford, UK + Online</h6>
</div>
</main>
<!--Development section of the page-->
<section class="cards-deployment d-flex flex-column">
<div class="blended-title d-flex flex-column align-items-center">
<h2 id="blended-ways">Blended Ways of Speaking</h2>
<img src="./assets/line.svg" alt="horizontal desing line">
</div>
<div class="d-flex cards-blended align-items-center">
<div class="blended-ways">
<img src="./assets/lecture.svg" alt="">
<h4>Plenary Sessions</h4>
<p>Plenary speakers, chosen from among the world’s leading thinkers, offer formal presentations on topics linked to annual themes.</p>
</div>
<div class="blended-ways">
<img src="./assets/CCexhibition.svg" alt="">
<h4>Garden Conversation</h4>
<p>Garden Conversations are open, informal sessions that allow Research Network Members a chance to meet Plenary Speakers.</p>
</div>
<div class="blended-ways">
<img src="./assets/forum.svg" alt="">
<h4>Talking Circles</h4>
<p>Talking Circles offer an opportunity to meet other delegates with similar interests and concerns. Delegates self-select into groups based </p>
</div>
<div class="blended-ways">
<img src="./assets/workshop.svg" alt="">
<h4>Themed Paper Presentations</h4>
<p>This type of session is best suited for reports on completed research or scholarly work. Authors present summaries or overviews of their work.</p>
</div>
<div class="blended-ways">
<img src="./assets/CCignite.svg" alt="">
<h4>Innovation Showcase</h4>
<p>Researchers and innovators present practices and development. Presentations should be grounded in presenters'</p>
</div>
</div>
<div class="btn-container">
<a class="align-self-center" href="https://thesocialsciences.com/2023-conference/format">learn more about blended ways</a>
</div>
</section>
<!--Aside section, speakers-->
<aside class="speakers" id="speakersId">
<div class="speakers-container d-flex flex-column">
<div class="speakers-title d-flex flex-column align-items-center">
<h3>2023 Plenary Speakers</h3>
<img src="./assets/line.svg" alt="">
</div>
<div class="speakers-list" id="speakers-container">
</div>
<div class="speaker-button">
<button id="btn-speaker"><p class="btn-more">More</p><img class="arrow" src="./assets/arrow-down.svg" alt="arrow-down"></button>
</div>
</div>
</aside>
<footer class="d-flex flex-column">
<div class="partner d-flex flex-column w-100 gap-3" id="sponsonrs">
<div class="partner-title d-flex flex-column align-items-center">
<h3 class="partners aling-self-center">Partners</h3>
<img src="./assets/line.svg" alt="">
</div>
<div class="partners-logo d-flex">
<img class="w-25" src="./assets/uni1.jpeg" alt="faculty of social science">
<img class="w-25" src="./assets/uni2.jpeg" alt="rmit university">
<img class="w-25" src="./assets/uni3.jpeg" alt="university of athens">
</div>
<div class="partners-logo d-flex">
<img class="w-25" src="./assets/uni4.jpeg" alt="university of sao pablo">
<img class="w-25" src="./assets/uni5.jpeg" alt="university of the aegean">
</div>
</div>
<div class="partner-footer d-flex flex-row">
<div class="footer-logo">
<img src="./assets/logoSolo.png" alt="Interdisciplinary Social Sciences Logo">
</div>
<div class="support-footer">
<p>Have a question? We’re here to help. Visit the help center to get started.</p>
<a href="https://cgscholar.com/cg_support/en">support center</a>
</div>
</div>
</footer>
<script src="main.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
</body>
</html>