"aghea"
Bootstrap 4.1.1 Snippet by agcrisbp

Post to Facebook Tweet this

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!DOCTYPE html> <html class="no-js"> <!--<![endif]--> <head> <title>Aghea | Official Website</title> <meta property="og:image" content="https://v2.amp-cdn.net/images/48046394111493cee53871e1d0e6c39763a6af57479c86"> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title></title> <meta name="description" content="Official Site about Aghea"> <meta name="viewport" content="width=device-width"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:creator" content="@agcrisbp"> <meta name="twitter:site" content="@agcrisbp"> <meta name="twitter:title" content="Aghea | Official Website"> <meta name="twitter:description" content="Official Site about Aghea"> <meta name="twitter:image:src" content="https://v2.amp-cdn.net/images/48046394111493cee53871e1d0e6c39763a6af57479c86"> <meta name="twitter:image:width" content="280"> <meta name="twitter:image:height" content="150"> <link rel="stylesheet" href="css/bootstrap.css"> <link rel="stylesheet" href="css/bootstrap-responsive.css"> <link rel="stylesheet" href="css/custom-styles.css"> <link rel="stylesheet" href="css/font-awesome.css"> <link rel="stylesheet" href="css/font-awesome-ie7.css"> <script src="js/modernizr-2.6.2-respond-1.1.0.min.js"></script> <style> body { background-image: url("img/bg.jpg"); background-repeat: no-repeat; background-size:cover } .box1 { background-color: #000; color: #fff; opacity: .5; } .box2 { background-color: rgba(0,0,0,.5); color: #fff; } </style> <center> <h1>Agcris & Dhea ❦</h1> <h4>January 24, 2021</h4></center> <center> <div class="row"> <br> <div id="home" class="homeinfo"> <div class="navbar-wrapper "> <div class="container"> <div class="navbar navbar-inverse navbar-fixed-top animated fadeInDown" role="navigation" id="top-nav"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only">Menu</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <!-- Nav Starts --> <div class="navbar-collapse collapse"> <ul class="nav navbar-nav navbar-right" > <li class="active"><a href="#home">Home</a></li> <li><a href="#about">About</a></li> <li><a href="#album">Albums</a></li> <li><a href="#stream">Stream</a></li> <li><a href="#social">Contact</a></li> </br> </ul> </div> <!-- #Nav Ends --> </div> </div> </div> </div> </div> </div> </div> </head> <body> </div> </div> </div> <div class="banner-shadow"> <div class="banner"> <div class="carousel slide" id="myCarousel"> <!-- Carousel items --> <div class="carousel-inner"> <div class="item active"> <div class="carousel-caption"> <div class="social-icons"> <ul> <li><a href="https://in.com/agcrisbp"><i class="fw-icon-facebook icon"></i></a></li <li><a href="https://twitter.com/agcrisbp"><i class="fw-icon-twitter icon"></i></a></li> <li><a href="#"><i class="fw-icon-linkedin icon"></i></a></li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="portfolio-block"> <div class="portofolio-title"> <div id="about" class="spacer"> <h1><span class="glyphicon glyphicon-user"></span> About</h1> <div class="wrapper"> <div class="transbox"> <img src="img/logo.png" class="img-responsive" alt="about"/> </div> <div class="transbox"> <p>Aghea is a solo project/band from Central Java, Indonesia.</p> <blockquote>Aghea's name was taken from the name of the musician and his beloved wife.</blockquote> <div class="portfolio-block"> <div class="transbox"> <div id="album" class="releases spacer"> <h1><span class="glyphicon glyphicon-music"></span> Album Releases</h1> <div class="row"> <div class="links"> <center> <div style="left: 0; width: 100%; height: 152px; position: relative;"><iframe src="https://open.spotify.com/embed/track/14q5wRKsL0REGKQzTpnBEo?utm_source=oembed" style="top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: 0;" allowfullscreen allow="clipboard-write; encrypted-media; fullscreen; picture-in-picture;"></iframe></div> <h5>It Never Ends ft. Julian Wilt</h5> </center> <center> <div class="links"> <a href="https://spoti.fi/3JxC9EU">Listen</a></div></div> <span class="glyphicon glyphicon-headphones" ></span></div> <div id="album" class="releases spacer"> <span class="glyphicon glyphicon-music"> <div class="row"> <div class="links"> <br> <div style="left: 0; width: 100%; height: 352px; position: relative;"><iframe src="https://open.spotify.com/embed/album/7ueqzVO53oEIJIG46Xvckk?utm_source=oembed" style="top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: 0;" allowfullscreen allow="clipboard-write; encrypted-media; fullscreen; picture-in-picture;"></iframe></div> <h5>Soultaker</h5><a href="https://spoti.fi/3FgkgIb">Listen</a></div></div> <span class="glyphicon glyphicon-headphones" ></span></center> </br></div> </a></div></div></div> </a></div> </div> </div> </div> </div> <div class="portfolio-block"> <div class="portfolio-title"> <div id="stream" class="releases spacer"> <center><h1>Available On</h1></center> </div> <div class="links"> <center> <a href="https://spoti.fi/40aCzar">Spotify</a> <a href="https://apple.co/3Dj3I13">Apple Music</a> <a href="https://amzn.to/3JuZJ5H">Amazon Music</a> <a href="https://bit.ly/AgheaDeezer">Deezer</a> <a href="https://music.youtube.com/playlist?list=PL7f6W8k1QEAyuLUOsGtEnshIhoy5VVq5f&feature=share">YouTube Music</a> </div> </div> </ul></center> </div> </div> </div> </div> <div class="portfolio-block"> <div class="transbox"> <div id="social" class="releases spacer"> <center> <h1>Social</h1> </center> <div class="links"> <ul> <li><a href="http://twitter.com/agcrisbp">Twitter</a></li> <li><a href="https://instagram.com/adarkerkindofday">Instagram</a></li> <li><a href="https://linkedin.com/in/agcrisbp">LinkedIn</a></li> </ul> </div> <div class="row-fluid"> <ul class="thumbnails"> <li class="no-space"> </li> </ul> </div> </div><center> <div id="contact" class="releases spacer"> <div class="contact-info"> <h1>Contact Us</a></h1> <h5><a href="mailto: agcrisbp@mail.com">agcrisbp@email.com</a></h5> </center> </div> </ul> </div> </ul> </div> </div> </div> </div> </div> </div> <script src="js/jquery-1.9.1.js"></script> <script src="js/bootstrap.js"></script> <script> $('#myCarousel').carousel({ interval: 1800 }); </script> </body> </html>

Related: See More

Paper Dashboard 2 PRO

Questions / Comments: