Skip to content
This repository has been archived by the owner on Jan 21, 2024. It is now read-only.

Commit

Permalink
feat: add muse project page
Browse files Browse the repository at this point in the history
  • Loading branch information
ratheesk committed Jan 20, 2024
1 parent 5a1bb19 commit e1e49bb
Show file tree
Hide file tree
Showing 3 changed files with 222 additions and 1 deletion.
2 changes: 1 addition & 1 deletion assets/css/main.css
Original file line number Diff line number Diff line change
Expand Up @@ -502,7 +502,7 @@ a.cart-btn {
}

.breadcrumb-bg {
background-image: url(../img/breadcrumb-bg.jpg);
background-image: url(../img/muse-bg.jpg);
}

.breadcrumb-text p {
Expand Down
Binary file added assets/img/muse-bg.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
221 changes: 221 additions & 0 deletions muse-project.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,221 @@
<!DOCTYPE html>
<html lang="en">

<head>
<!-- Required meta tags -->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />

<!-- Bootstrap CSS CDN -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous" />

<title>Muse Project | Dreams of Women</title>
<meta
content="Muse Project – a platform where dreams, aspirations, and inspirations converge. At Dreams of Women, we believe in the power of stories to inspire and motivate, especially in the realms of science, technology, engineering, arts, and mathematics (STEAM). Your journey, challenges, and triumphs have the potential to ignite passion and determination in girls and women across the globe."
name="description" />

<!-- Favicon -->
<link rel="apple-touch-icon" sizes="57x57" href="assets/img/favicon/apple-icon-57x57.png" />
<link rel="apple-touch-icon" sizes="60x60" href="assets/img/favicon/apple-icon-60x60.png" />
<link rel="apple-touch-icon" sizes="72x72" href="assets/img/favicon/apple-icon-72x72.png" />
<link rel="apple-touch-icon" sizes="76x76" href="assets/img/favicon/apple-icon-76x76.png" />
<link rel="apple-touch-icon" sizes="114x114" href="assets/img/favicon/apple-icon-114x114.png" />
<link rel="apple-touch-icon" sizes="120x120" href="assets/img/favicon/apple-icon-120x120.png" />
<link rel="apple-touch-icon" sizes="144x144" href="assets/img/favicon/apple-icon-144x144.png" />
<link rel="apple-touch-icon" sizes="152x152" href="assets/img/favicon/apple-icon-152x152.png" />
<link rel="apple-touch-icon" sizes="180x180" href="assets/img/favicon/apple-icon-180x180.png" />
<link rel="icon" type="image/png" sizes="192x192" href="assets/img/favicon/android-icon-192x192.png" />
<link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicon/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="96x96" href="assets/img/favicon/favicon-96x96.png" />
<link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicon/favicon-16x16.png" />
<link rel="manifest" href="assets/img/favicon/manifest.json" />
<meta name="msapplication-TileColor" content="#ffffff" />
<meta name="msapplication-TileImage" content="assets/img/favicon/ms-icon-144x144.png" />
<meta name="theme-color" content="#ffffff" />

<!-- google font -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Poppins:400,700&display=swap" rel="stylesheet">
<!-- fontawesome -->
<link rel="stylesheet" href="assets/css/all.min.css">
<!-- bootstrap -->
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<!-- owl carousel -->
<link rel="stylesheet" href="assets/css/owl.carousel.css">
<!-- magnific popup -->
<link rel="stylesheet" href="assets/css/magnific-popup.css">
<!-- animate css -->
<link rel="stylesheet" href="assets/css/animate.css">
<!-- mean menu css -->
<link rel="stylesheet" href="assets/css/meanmenu.min.css">
<!-- main style -->
<link rel="stylesheet" href="assets/css/main.css">
<!-- responsive -->
<link rel="stylesheet" href="assets/css/responsive.css">
</head>

<body>

<!--PreLoader-->
<div class="loader">
<div class="loader-inner">
<div class="circle"></div>
</div>
</div>
<!--PreLoader Ends-->

<!-- header -->
<div class="top-header-area" id="sticker">
<div class="container">
<div class="row">
<div class="col-lg-12 col-sm-12 text-center">
<div class="main-menu-wrap">
<!-- logo -->
<div class="site-logo">
<a href="index.html">
<img src="assets/img/logo.png" alt="">
</a>
</div>
<!-- logo -->

<!-- menu start -->
<nav class="main-menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="index.html#about">About</a></li>
<li><a href="index.html#team">Team</a></li>
<li><a href="index.html#stories">Stories</a></li>
<li><a href="index.html#contact">Contact</a></li>
<li><a href=""></a></li>

</ul>
</nav>
<div class="mobile-menu"></div>
<!-- menu end -->
</div>
</div>
</div>
</div>
</div>
<!-- end header -->

<!-- breadcrumb-section -->
<div class="breadcrumb-section breadcrumb-bg">
<div class="container">
<div class="row">
<div class="col-lg-8 offset-lg-2 text-center">
<div class="breadcrumb-text">
<p>Share Your Inspiring Story with Us</p>
<h1>The Dreams of Women Muse Project! </h1>
<div class="hero-btns">
<a href="https://forms.gle/JsHcZxPStdWxzJn36" class="boxed-btn" target="_blank">Share
Now</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- end breadcrumb section -->

<!-- single article section -->
<div class="mt-80 mb-80">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="single-article-section">
<div class="single-article-text">
<!-- <div class="single-artcile-bg"></div> -->

<h4>Introduction</h4>
<p>Welcome to our Muse Project – a platform where dreams, aspirations, and inspirations
converge. At Dreams of Women, we believe in the power of stories to inspire and
motivate, especially in the realms of science, technology, engineering, arts, and
mathematics (STEAM). Your journey, challenges, and triumphs have the potential to ignite
passion and determination in girls and women across the globe.</p>

<h4>Why Your Story Matters:</h4>
<p>Your experience is more than a personal journey; it's a beacon of hope and a testament to
perseverance in STEAM fields. By sharing your story, you become a role model, showcasing
the possibilities and the strength it takes to thrive in these exciting and evolving
sectors. Whether you're a seasoned professional, a budding innovator, or someone who has
taken an unconventional path, your narrative is a powerful tool to encourage others to
dream big and never give up.</p>

<h4>Your Impact:</h4>
<p>Imagine the impact your story can have: a girl gaining confidence to pursue her interest
in technology, a woman finding the courage to transition into a scientific career, or a
community realizing the value of supporting women in STEAM. Your words have the power to
break barriers and change lives.</p>

<h4>How to Share Your Story:</h4>
<p>Below is a simple form to share your experiences. Feel free to express yourself in the
language you are most comfortable with – English, Tamil, or Sinhala. We will feature
your story on our major social media platforms, reaching a diverse audience passionate
about STEAM.</p>
</div>
<div class="hero-btns">
<a href="https://forms.gle/JsHcZxPStdWxzJn36" class="boxed-btn" target="_blank">Share Your
Story</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- end single article section -->


<!-- copyright -->
<div class="copyright">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-12">
<p>Copyrights &copy; 2024 - <a href="https://dreamsofwomen.org/" target="_blank">Dreams of
Women</a>, All
Rights Reserved.<br>
Developed By - <a href="https://dreamspace.academy/" target="_blank">DreamSpace Academy</a>
</p>
</div>
<div class="col-lg-6 text-right col-md-12">
<div class="social-icons">
<!-- <ul>
<li><a href="#" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#" target="_blank"><i class="fab fa-twitter"></i></a></li>
<li><a href="#" target="_blank"><i class="fab fa-instagram"></i></a></li>
<li><a href="#" target="_blank"><i class="fab fa-linkedin"></i></a></li>
<li><a href="#" target="_blank"><i class="fab fa-dribbble"></i></a></li>
</ul> -->
</div>
</div>
</div>
</div>
</div>
<!-- end copyright -->

<!-- jquery -->
<script src="assets/js/jquery-1.11.3.min.js"></script>
<!-- bootstrap -->
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<!-- count down -->
<script src="assets/js/jquery.countdown.js"></script>
<!-- isotope -->
<script src="assets/js/jquery.isotope-3.0.6.min.js"></script>
<!-- waypoints -->
<script src="assets/js/waypoints.js"></script>
<!-- owl carousel -->
<script src="assets/js/owl.carousel.min.js"></script>
<!-- magnific popup -->
<script src="assets/js/jquery.magnific-popup.min.js"></script>
<!-- mean menu -->
<script src="assets/js/jquery.meanmenu.min.js"></script>
<!-- sticker js -->
<script src="assets/js/sticker.js"></script>
<!-- main js -->
<script src="assets/js/main.js"></script>
<!-- Google form JS -->
<script src="./assets/js/google_form.js"></script>
</body>

</html>

0 comments on commit e1e49bb

Please sign in to comment.