Skip to content

Commit

Permalink
Update the pages
Browse files Browse the repository at this point in the history
  • Loading branch information
Abenezer-Tilahun committed Jan 11, 2024
1 parent 4664f6b commit c20cfb9
Show file tree
Hide file tree
Showing 4 changed files with 265 additions and 3 deletions.
6 changes: 3 additions & 3 deletions Design/js/headerscript.js
Original file line number Diff line number Diff line change
Expand Up @@ -46,17 +46,17 @@ const headerDOMElement = document.querySelector('.shared_header');
</a>
</li>
<li class="nav-item">
<a class="nav-link pr-5" href="#program"">
<a class="nav-link pr-5" href="program.html"">
Program
</a>
</li>
<li class="nav-item">
<a class="nav-link pr-5" href="#speakers">
<a class="nav-link pr-5" href="speakers.html">
Speakers
</a>
</li>
<li class="nav-item">
<a class="nav-link pr-5" href="#Partners">
<a class="nav-link pr-5" href="Partners.html">
Sponsor
</a>
</li>
Expand Down
61 changes: 61 additions & 0 deletions Partners.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,61 @@
<!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 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>
153 changes: 153 additions & 0 deletions program.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,153 @@
<!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">
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">


</head>

<body>
<header class="shared_header">
<!--Dynamic header content loaded from JS DOM-->
</header>

<main class="parent_main">
<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>
<h5 class="modal-title" id="wholeProgramModalLabel">Whole Program Details</h5>

<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</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>
<script>
function showWholeProgram() {
jQuery('#wholeProgramModal').modal('show');
}
</script>

</body>

</html>
48 changes: 48 additions & 0 deletions speakers.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,48 @@
<!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" 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>

</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>

0 comments on commit c20cfb9

Please sign in to comment.