Skip to content

Commit

Permalink
created new page zoe record
Browse files Browse the repository at this point in the history
  • Loading branch information
@Nathius262
Nathius262 committed Jul 8, 2024
1 parent 7dc6058 commit 01f1254
Show file tree
Hide file tree
Showing 7 changed files with 157 additions and 1 deletion.
2 changes: 1 addition & 1 deletion index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -154,7 +154,7 @@ <h4 class="text-color-blue ft-upper fs-4 text-center">Media</h4>
Now Word
</div>
</a>
<a href="" class="icon" style="background: none;">
<a href="zoe_records.html" class="icon" style="background: none;">
<img src="static/img/icon/mp3.png" alt="mp3">
<div class=" ft-upper text-color-blue fw-light">
Zoe Records
Expand Down
11 changes: 11 additions & 0 deletions static/css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -315,6 +315,17 @@ a{
background: linear-gradient(180deg, rgba(225, 43, 255, 0.15) 0%, rgba(197, 123, 255, 0.15) 100%);
}

/*ZOE RECORD*/
.zbg1, .zbg2, .zbg3, .zbg4{
position: absolute;
top: 0;
left: 0;
}

.zbg4{
right: 0 !important;
}

.department-bg-bottom{
position: absolute;
z-index: -3;
Expand Down
Binary file added static/img/z1.jfif
View file
Binary file not shown.
Binary file added static/img/z2.jfif
View file
Binary file not shown.
Binary file added static/img/z3.jfif
View file
Binary file not shown.
Binary file added static/img/z4.jfif
View file
Binary file not shown.
145 changes: 145 additions & 0 deletions zoe_records.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,145 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="description" content="Glory Carriers Ministry Int'l is a global ministry designed to bring men into the light of God's Glory, untill all eyes can see Christ revealed.">
<meta name="keywords" content="glory carriers, embassy of glory, GCMI,">
<meta name="author" content="gcmi">
<meta property="og:title" content="Glory Carriers Ministry Int'l">
<meta property="og:description" content="Glory Carriers Ministry Int'l is a global ministry designed to bring men into the light of God's Glory, untill all eyes can see Christ revealed.">
<meta property="og:image" content="">
<meta property="og:url" content="">

<!--twitter social share-->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Glory Carriers Ministry Int'l" id="twitterTitle">
<meta name="twitter:description" content="Glory Carriers Ministry Int'l is a global ministry designed to bring men into the light of God's Glory, untill all eyes can see Christ revealed." id="twitterDescription">
<meta name="twitter:image" content="static/img/logo.png" id="twitterImage">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="static/css/pageloader.css">
<title>GCMI</title>

<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
</head>
<body>
<!--============PRELOADER==============-->
<div id="preloader">
<div class="container">
<div class="ring"></div>
<div class="ring"></div>
<div class="ring"></div>
<div class="loading">
<img width="80" src="static/img/g_logo.png" alt="GCMI G_logo">
</div>
</div>
</div>
<!--============PRELOADER END==============-->

<!--============ROOT SECTION==============-->
<section id="root" class="show-hidden">
<!--=========HEADER BEGIN===========-->
<nav id="header" class="navbar navbar-expand-md navbar-dark fixed-top mediumnavigation nav-down" aria-label="Fourth navbar example">

</nav>
<!--=========HEADER END===========-->

<!--=========MAIN BEGIN===========-->
<main>
<!---=========INTRO BEGIN========-->
<section class="mt-5 pt-5 mb-0 ft-upper">
<div class="container mt-5" >
<div class="row justify-content-center align-items-end">
<div class="col-md-8 justify-content-center rounded-4" style="position: relative;background:var( --bg-blue-transparent);height: 300px;">
<div class="row justify-content-center latest_media">
<div class="col-sm-4 container zbg1"><img width="100%" src="static/img/z1.jfif" alt=""></div>
<div class="col-sm-5 containerzbg2"><img width="100%" src="static/img/z4.jfif" alt=""></div>
<div class="col-sm-4 container zbg3"><img width="100%" src="static/img/z2.jfif" alt=""></div>
<div class="col-sm-4 container zbg4"><img width="100%" src="static/img/z3.jfif" alt=""></div>
</div>
</div>
</div>
</div>

<div class=""></div>

</section>

<!---=========INTRO END========-->


<section class=" mb-5">
<div class="container mt-5">
<div class="mt-5 pt-5 ft-upper fw-bold text-center fs-5" style="color:var(--fire-red)">About Zoe Records</div>
<p class="mb-3 text-dark">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis. </p>
<p class="mb-3 text-dark">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis. </p>
<div class="row justify-content-center align-items-center">
<div class="col-lg-2 col-md-4 col-sm-6 col mb-4">
<div class="">
<img width="100%" class="rounded-4" src="static/img/z1.jfif" alt="tehilla">
</div>
<div class="text-secondary text-center ft-upper fs-6">
<img src="static/img/icon/listen.png" width="90" alt="">
</div>
</div>

<div class="col-lg-2 col-md-4 col-sm-6 col mb-4">
<div class="">
<img width="100%" class="rounded-4" src="static/img/z2.jfif" alt="tehilla">
</div>
<div class="text-secondary text-center ft-upper fs-6">
<img src="static/img/icon/listen.png" width="90" alt="">
</div>
</div>
<div class="col-lg-2 col-md-4 col-sm-6 col mb-4">
<div class="">
<img width="100%" class="rounded-4" src="static/img/z3.jfif" alt="tehilla">
</div>
<div class="text-secondary text-center ft-upper fs-6">
<img src="static/img/icon/listen.png" width="90" alt="">
</div>
</div>
<div class="col-lg-2 col-md-4 col-sm-6 col mb-4">
<div class="">
<img width="100%" class="rounded-4" src="static/img/z4.jfif" alt="tehilla">
</div>
<div class="text-secondary text-center ft-upper fs-6">
<img src="static/img/icon/listen.png" width="90" alt="">
</div>
</div>

</div>
</div>
</section>

</main>
<!--=========MAIN END===========-->

<!--=========FOOTER BEGIN===========-->

<footer id="footer" class="pt-5 pb-0 m-0">

</footer>
<!--=========FOOTER END===========-->
</section>
<!--============ROOT SECTION END==============-->

<!--========JavaScript================ -->
<script>
window.addEventListener('load', ()=>{
setInterval(()=>{
document.querySelector("#preloader").classList.add('hidden-item')
document.querySelector("#root").classList.remove('show-hidden')
}, 3000)

/*document.querySelector('#screen-mode').addEventListener('click', ()=> {
document.querySelector('body').classList.toggle('body-dark')
})*/
})
</script>

<script type="module" src="static/js/app.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js" integrity="sha384-BBtl+eGJRgqQAUMxJ7pMwbEyER4l1g+O15P+16Ep7Q9Q+zqX6gSbd85u4mG4QzX+" crossorigin="anonymous"></script>
<!--========JavaScript END================ -->
</body>
</html>

0 comments on commit 01f1254

Please sign in to comment.