You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

123 lines
3.8 KiB

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=1000x, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<title>Invesvpo | Website</title>
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="assets/css/fontawesome.css">
<link rel="stylesheet" href="assets/css/invesvpo-style.css">
<link rel="stylesheet"href="https://unpkg.com/swiper@7/swiper-bundle.min.css"/>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="page-content">
<div class="main-banner" style="background-image: url('assets/images/banner-pic.jpg');">
<div class="header-text">
<h6>Welcome to</h6>
<h4><em>Invesvpo's</em> website</h4>
</div>
</div>
<div class="most-popular">
<div class="row">
<div class="col-lg-12">
<div class="heading-section">
<h4><em>Popular</em> projects / songs</h4>
</div>
<div class="row">
<div class="col-lg-3 col-sm-6">
<div class="item">
<img src="assets/images/WASTEDTIME.jpg" alt="">
<h4>WASTED TIME (EP)<br><span>Trap/Phonk</span></h4>
</div>
</div>
<div class="col-lg-3 col-sm-6">
<div class="item">
<img src="assets/images/TTS.jpg" alt="">
<h4>TIME STOOD STILL<br><span>Electronic</span></h4>
</div>
</div>
<div class="col-lg-3 col-sm-6">
<div class="item">
<img src="assets/images/SyrupSauce.jpg" alt="">
<h4>Syrup Sauce<br><span>Trap/Phonk</span></h4>
</div>
</div>
<div class="col-lg-3 col-sm-6">
<div class="item">
<img src="assets/images/Lost.jpg" alt="">
<h4>Lost<br><span>Ambient/Phonk</span></h4>
</div>
</div>
<div class="col-lg-12">
<div class="main-button">
<a href="https://open.spotify.com/artist/14IZ5BWUMi9pnRmGEaYYPC?si=WQQJXAKaRoey-DpaD8-lEw">Discover More Music</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="page-content">
<div class="social-links">
<a href="https://open.spotify.com/artist/14IZ5BWUMi9pnRmGEaYYPC?si=tfXT6zeDQVuS5w9UfpLGJg">
<i class="fab fa-spotify"></i>
<span> Spotify </span>
</a>
<a href="https://www.youtube.com/channel/UC0OUTo03hlUHKMKFa1IarvA">
<i class="fab fa-youtube"></i>
<span> YouTube </span>
</a>
<a href="https://music.apple.com/us/artist/invesvpo/1724571673">
<i class="fab fa-apple"></i>
<span> Apple Music </span>
</a>
<a href="https://invesvpo.bandcamp.com/">
<i class="fab fa-bandcamp"></i>
<span> Bandcamp </span>
</a>
<a href="https://www.amazon.com/music/player/artists/B0B5RK1SBX/invesvpo">
<i class="fab fa-amazon"></i>
<span> Amazon Music </span>
</a>
<a href="https://soundcloud.com/invesvpo-sc">
<i class="fab fa-soundcloud"></i>
<span> SoundCloud </span>
</a>
<a href="https://www.instagram.com/invesvpomusic/">
<i class="fab fa-instagram"></i>
<span> Instagram </span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Bootstrap -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
</body>
</html>