-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
181 lines (176 loc) · 8.52 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
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
<!DOCTYPE html>
<html lang="en" prefix="og: http://ogp.me/ns#">
<head>
<meta charset="utf-8">
<meta property="og:title" content=" Creative-Hub-Conference-page" />
<meta name="image" property="og:image" content="https://github.com/Abenezer-Tilahun/Creative-Hub-Conference-page/blob/main/Design/images/sponsors/Project-scrennshot.PNG?raw=true" />
<meta name="author" content="Abenezer-Tilahun" />
<meta property="og:url" content="https://abenezer-tilahun.github.io/Creative-Hub-Conference-page/" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Software Developer's Conference</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="Design/css/style.css">
</head>
<body>
<header class = "shared_header">
<!--Dynamic header content loaded from JS DOM-->
</header>
<main class="parent_main">
<section class="container-fluid jumbotron slider intro_header pr-5">
<div class="row">
<div class="intro col-sm-12 mt-5">
<h3 class = "hello_intro orange text-md-left text-center">"Home for Creatives!"</h3>
<h1 class="text-img-effect font-weight-bold font-style-medium orange text-md-left text-center">SOFTWARE DEVELOPERS</h1>
<h1 class="text-img-effect font-weight-bold orange text-md-left text-center">ETHIOPIA SUMMIT</h1>
<h1 class="text-img-effect font-weight-bold orange text-md-left text-center">2022</h1>
<p class="p-4 intro_description text-dark">
Creative Hub Ethiopia supports creative innovators, designers and SMEs in various fields by
deepening understanding of global design and industrial concepts, providing state-of-the-art
working tools and resources, and enhancing the link between young innovators, industrial and governmental entities.
</p>
<h2 class="font-weight-bold mb-3">2022.01.07(MON) ~ 12(SAT)</h2>
<p>@ Creative-Hub Ethiopia</p>
</div>
</div>
</section>
<section id="program" class="container-fluid program col-md-12 col-lg-12 col-xl-12 p-1 m-0">
<div class="row pt-3 mb-5">
<div class="col-12">
<h3 class="text-center section_title text-white">Main program</h3>
<hr class="section_title_hr">
</div>
</div>
<div class="column container py-1 col-md-12 col-lg-12 col-xl-12 p-0 m-0 mx-auto">
<div class="card-cont d-md-flex d-lg-flex d-xl-flex col-md-12 col-lg-12 col-xl-12 mb-5 p-0">
<div class=" col-md col-lg col-xl card h-100% p-0 m-0">
<article class="program-text row col-md-12 col-lg-12 col-xl-12 align-items-center bg-dark-light-custom p-0 m-0">
<div class="col-2 col-md-12 col-lg-12 col-xl-12 text-center">
<img src="Design/images/lecture.png" alt="lecture"/>
</div>
<h5 class="orange fix2 col-3 my-3 col-md-12 col-lg-12 col-xl-12 text-center">
Lecture
</h5>
<p class="grey col-7 col-md-12 col-lg-12 col-xl-12 text-center ">
Learn from the Developers from the various countries.
</p>
</article>
</div>
<div class=" col-md col-lg col-xl card h-100% p-0 m-0">
<article class="program-text row col-md-12 col-lg-12 col-xl-12 align-items-center bg-dark-light-custom p-0 m-0">
<div class="col-2 col-md-12 col-lg-12 col-xl-12 text-center">
<img src="Design/images/CC.png" alt="lecture"/>
</div>
<h5 class="orange fix2 col-3 my-3 col-md-12 col-lg-12 col-xl-12 text-center">
Exhibition
</h5>
<p class="grey col-7 col-md-12 col-lg-12 col-xl-12 text-center ">
Appreciate Developers at the Developer Week Global Cloud.
</p>
</article>
</div>
<div class=" col-md col-lg col-xl card h-100% p-0 m-0">
<article class="program-text row col-md-12 col-lg-12 col-xl-12 align-items-center bg-dark-light-custom p-0 m-0">
<div class="col-2 col-md-12 col-lg-12 col-xl-12 text-center">
<img src="Design/images/forum.png" alt="lecture"/>
</div>
<h5 class="orange fix2 col-3 my-3 col-md-12 col-lg-12 col-xl-12 text-center">
Form
</h5>
<p class="grey col-7 col-md-12 col-lg-12 col-xl-12 text-center ">
Have Time to share your thoughts with Experts For each Topic.
</p>
</article>
</div>
<div class=" col-md col-lg col-xl card h-100% p-0 m-0">
<article class="program-text row col-md-12 col-lg-12 col-xl-12 align-items-center bg-dark-light-custom p-0 m-0">
<div class="col-2 col-md-12 col-lg-12 col-xl-12 text-center">
<img src="Design/images/ignite.png" alt="lecture"/>
</div>
<h5 class="orange fix2 col-3 my-3 col-md-12 col-lg-12 col-xl-12 text-center">
Network
</h5>
<p class="grey col-7 col-md-12 col-lg-12 col-xl-12 text-center ">
Create Work Network By Connecting with Developers.
</p>
</article>
</div>
<div class=" col-md col-lg col-xl card h-100% p-0 m-0">
<article class="program-text row col-md-12 col-lg-12 col-xl-12 align-items-center bg-dark-light-custom p-0 m-0">
<div class="col-2 col-md-12 col-lg-12 col-xl-12 text-center">
<img src="Design/images/workshop.png" alt="lecture"/>
</div>
<h5 class="orange fix2 col-3 my-3 col-md-12 col-lg-12 col-xl-12 text-center">
Remote Work
</h5>
<p class="grey col-7 col-md-12 col-lg-12 col-xl-12 text-center ">
Get opportunities to work with Developers around the world.
</p>
</article>
</div>
</div>
<div class=" program-footer col-10 align-items-center my-4 mx-auto p-3 last ">
<div class="col-12 text-center pb-4 d-none d-md-block">
<a href="#" class="text-white">
SEE THE WHOLE PROGRAM
</a>
</div>
<div class="col-12 text-center d-md-none d-xs-block">
<a href="#" class="text-white cta btn rounded-0 bg-orange mb-3 pr-5 pl-5 pt-4 pb-4">
SEE THE WHOLE PROGRAM
</a>
</div>
</div>
</div>
</section>
<section class="container-fluid" id="speakers">
<div class="row pt-3 mb-5">
<div class="col-12">
<h3 class="text-center section-title">Featured speakers</h3>
<hr class="section_speaker_hr">
</div>
</div>
<ul class="row speakers d-flex flex-row">
<!--List of Speakers Dynamically Fetched from JS-->
</ul>
</section>
<section class="container-fluid partners-section text-white bg-dark-custom pb-3" id="Partners">
<div class="row pt-3 mb-3">
<div class="col-12">
<h3 class="text-center section-title">Partners</h3>
<hr class="hr-title">
</div>
</div>
<ul class="partners d-flex flex-row">
<li>
<img src="Design/images/sponsors/UNIDO.png" alt="UNIDO Partner">
</li>
<li>
<img src="Design/images/sponsors/Italian.png" alt="Italian Development Cooperation Partner">
</li>
<li>
<img src="Design/images/sponsors/FeSSMIPA.png" alt="FeSSMIPA Partner">
</li>
<li>
<img src="Design/images/sponsors/iceaddis.svg" alt="iceaddis Partner">
</li>
<li>
<img src="Design/images/sponsors/intel.png" alt="Intel Partner">
</li>
</ul>
</section>
</main>
<footer class="shared_footer container-fluid p-4 bg-light">
<div class="row">
<div class="col-4">
<img src="Design/images/CreativeHub.jpg" class="footer_img" alt="Creative Common">
</div>
<div class="col-6" >
<p>@2022 Software Developers Media All Rights Reserved </p>
</div>
</div>
</footer>
<script src="Design/js/headerscript.js"></script>
<script src="Design/js/mainscript.js"></script>
</body>
</html>