Skip to content

Commit

Permalink
created live stream page
Browse files Browse the repository at this point in the history
  • Loading branch information
Nathius262 committed Jun 22, 2024
1 parent 6d5bfd9 commit 9d30d15
Show file tree
Hide file tree
Showing 6 changed files with 142 additions and 3 deletions.
6 changes: 3 additions & 3 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -72,10 +72,10 @@ <h1 class="d-grid">

<section class="about pt-5 mt-0">
<div class="d-flex justify-content-end" id="live-stream">
<div class="live-stream d-flex">
<img width="45" src="static/img//icon/live_stream.png" alt="">
<div class="live-stream d-flex align-items-center">
<img width="45" src="static/img/icon/live_stream.png" alt="">
<div class="mx-2">
Live Streaming
<a href="live-stream.html">Live Streaming</a>
</div>
</div>
</div>
Expand Down
134 changes: 134 additions & 0 deletions live-stream.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,134 @@
<!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, Live Streaming, Live Stream">
<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">

<title>GCMI | Live Streaming</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="intro mb-0 ft-upper" style="background-image: url('static/img/live-stream-bg.jfif'); padding:5rem 0 1rem 0;">
<div class="container">
<div class="row justify-content-center">
<div class="col-12-8">
<div class="d-flex justify-content-center" id="">
<div class="live-stream d-flex p-1">
<img width="30" src="static/img/icon/live_stream.png" alt="">
<div class="mx-2 fw-bold fs-6 ">
Streaming Platforms
</div>
</div>
</div>
</div>

<div class="col-12 text-center fs-4">
KINDLY SELECT YOUR PREFERRED OPTION
</div>
</div>
</div>

<section class="mt-1" style="background-color: #020325a1;">
<div class="container">
<div class="row">
<div class="col">
<div class="row">
<div class="col-sm-6 text-center my-4 justify-content-center">
<a href="#" class="fw-light nav-link">
<img src="static/img/icon/youtube.png" width="40" alt="youtube">
<div class="fs-4">
Join Now
</div>
</a>
</div>


<div class="col-sm-6 text-center my-4 justify-content-center">
<a href="#" class="container fw-light nav-link">
<img src="static/img/icon/fb.png" width="40" alt="youtube">
<div class="fs-4">
Join Now
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
</section>

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



</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>
5 changes: 5 additions & 0 deletions static/css/style.css
Original file line number Diff line number Diff line change
Expand Up @@ -139,6 +139,11 @@ a{
border-radius: 10px;
font-weight: bold;
}
.live-stream a{
background: none;
text-decoration: none;
color: var(--white);
}


/* Year Theme */
Expand Down
Binary file added static/img/icon/fb.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/img/icon/youtube.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/img/live-stream-bg.jfif
Binary file not shown.

0 comments on commit 9d30d15

Please sign in to comment.