try

Loading

http://<!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <meta http-equiv=”X-UA-Compatible” content=”IE=edge”> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <!– Bootstrap CSS –> <link href=”https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css” rel=”stylesheet” integrity=”sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x” crossorigin=”anonymous”> <script src=”https://use.fontawesome.com/releases/v5.15.3/js/all.js” data-auto-replace-svg=”nest”></script> <link rel=”stylesheet” href=”css/style.css”> <link rel=”icon” type=”image/x-icon” href=”img/logo.png”> <title>PPCC-UCC</title> </head> <body> <!–Navigation Bar –> <header> <nav class=”navbar navbar-expand-lg navbar-light bg-light”> <div class=”container-fluid”> <a class=”navbar-brand” href=”index.html”> <img src=”img/logo.png” alt=”” id=”ppccLogo”> <span class=”ppccWord”>PPCC-UCC</span> </a> <button class=”navbar-toggler” type=”button” data-bs-toggle=”collapse” data-bs-target=”#navbarNav” aria-controls=”navbarNav” aria-expanded=”false” aria-label=”Toggle navigation”> <span class=”navbar-toggler-icon”></span> </button> <div class=”collapse navbar-collapse justify-content-end” id=”navbarNav”> <ul class=”navbar-nav” id=”NavR”> <li class=”nav-item”> <a class=”nav-link” aria-current=”page” href=”index.html” id=”active”>Home</a> </li> <li class=”nav-item”> <a class=”nav-link” href=”#intro”>About Us</a> </li> <li class=”nav-item”> <a class=”nav-link” href=”#executives”>Executives</a> </li> <li class=”nav-item”> <a class=”nav-link” href=”services.html”>Our Services</a> </li> <li class=”nav-item”> <a class=”nav-link” href=”gallery.html”>Gallery</a> </li> <li class=”nav-item”> <a class=”nav-link” href=”#footer”>Contact Us</a> </li> </ul> </div> </div> </nav> </header> <!– ==================Img Carousel================== –> <div id=”carouselExampleCaptions” class=”carousel slide” data-interval=”false”> <div class=”carousel-indicators”> <button type=”button” data-bs-target=”#carouselExampleCaptions” data-bs-slide-to=”0″ class=”active” aria-current=”true” aria-label=”Slide 1″></button> <button type=”button” data-bs-target=”#carouselExampleCaptions” data-bs-slide-to=”1″ aria-label=”Slide 2″></button> <button type=”button” data-bs-target=”#carouselExampleCaptions” data-bs-slide-to=”2″ aria-label=”Slide 3″></button> </div> <div class=”carousel-inner”> <div class=”carousel-item active”> <img src=”img/c1.jpg” class=”d-block w-100″ alt=”Computer”> <div class=”carousel-caption d-none d-md-block”> <h5 class=”labels”>EPSU-UCC</h5> <p class=”labels”>Evangelical Presbyetrian Students’ Union</p> </div> </div> <div class=”carousel-item”> <img src=”img/a3.JPG” class=”d-block w-100″ alt=”typing”> <div class=”carousel-caption d-none d-md-block”> <h5 class=”labels”>PPCC Choir</h5> <p class=”labels”> </p> </div> </div> <div class=”carousel-item”> <img src=”img/c3.JPG” class=”d-block w-100″ alt=”Computer”> <div class=”carousel-caption d-none d-md-block”> <h5 class=”labels”>PPCC Choir Group</h5> <p class=”labels”></p> </div> </div> </div> <button class=”carousel-control-prev” type=”button” data-bs-target=”#carouselExampleCaptions” data-bs-slide=”prev”> <span class=”carousel-control-prev-icon” aria-hidden=”true”></span> <span class=”visually-hidden”>Previous</span> </button> <button class=”carousel-control-next” type=”button” data-bs-target=”#carouselExampleCaptions” data-bs-slide=”next”> <span class=”carousel-control-next-icon” aria-hidden=”true”></span> <span class=”visually-hidden”>Next</span> </button> </div> <div id=”intro”> <h1 class=”section-heading”>About The Choir</h1> <p> PPCC Choir is a joint choir of various choirs of various denominations which seek to minister unto people through hymns, choral music and song. Some activities of the PPCC choir include spearheading of carols service, having dawn ministrations, socialization Video recordings/Concerts of which seek to strengthen the spiritual and social lives of members and the University community.</p> </div> <div id=”executives”> <h1 class=”section-heading”>Our Executives</h1> <p> <img src=”img/executive.jpg” alt=”” > </p> </div> <!–footer–> <footer class=”footer”> <div class=”containerf” id=”footer”> <div class=”row”> <div class=”footer-col”> <h4>Location</h4> <ul> <li><a href=”#footer”><i class=”fas fa-map-marker-alt fa-2x”></i> UCC, Cape Coast</a></li> </ul> </div> <div class=”footer-col”> <h4>get help</h4> <ul> <li><a href=”#footer”>FAQ</a></li> <li><a href=”#footer”><i class=”fas fa-mobile-alt fa-2x”></i> (+233) 54-308-5279</a></li> </ul> </div> <div class=”footer-col”> <h4>Company</h4> <ul> <li><a href=”index.html”>Home</a></li> <li><a href=”#intro”>About Us</a></li> <li><a href=”#executives”>Executives</a></li> <li><a href=”services.html”>Our Services</a></li> <li><a href=”gallery.html”>Gallery</a></li> </ul> </div> <div class=”footer-col”> <h4>follow us</h4> <div class=”social-links”> <a href=”https://web.facebook.com/ppccchoirucc”><i class=”fab fa-facebook-f”></i></a> <a href=”https://www.youtube.com/channel/UC55uWb5NYH5Sdx1tzHAcd4A/featured”><i class=”fab fa-youtube”></i></a> <a href=”https://www.instagram.com/ppccchoir_ucc/”><i class=”fab fa-instagram”></i></a> </div> </div> </div> <p class=”register”>2023 &copy; All Rights Reserved | Created &amp; Design by <span class=”NAME”>Gideon Jojo Aidoo</span></p> </div> </footer> <script src=”https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js” integrity=”sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p” crossorigin=”anonymous”></script> <script src=”https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js” integrity=”sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT” crossorigin=”anonymous”></script> </body> </html>