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
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>
|