Doctype html

DOCTYPE html>

New Release

Go Advanced ...

First Album

Rollover text and description text goes here over mouse over...

Album Two

Maecenas iaculis et turpis et iaculis. Aenean at volutpat diam.

Third Album

Vivamus eget elit purus. Nullam consectetur porttitor elementum.

Album Four

Praesent nec feugiat dolor, elementum mollis purus. Etiam faucibus.

Music is your powerful energy.

Vivamus eget urna vitae ante

Insertion HTML Template includes 3 different pages. You can use this layout for your website. Please tell your friends about Tooplate. Thank you.

buy
$5.50

Proin fermentum sapien sed nisl

Donec est felis, posuere viverra dapibus ac, pretium vel libero. Aliquam consectetur, arcu eget euismod congue, tortor metus vehicula.

buy
$7.25

Quisque dignissim porta nunc

In neque felis, fringilla vel orci ut, sodales consectetur purus. Vivamus eget urna vitae ante pellentesque iaculis. Praesent sit amet.

buy
$6.80

Vestibulum mattis quam sodales

Curabitur id tempor orci. Fusce efficitur in enim sit amet sodales. Proin id gravida leo. Phasellus non quam et justo faucibus rhoncus.

buy
$3.75

Vestibulum mattis quam sodales

Maecenas sit amet nibh faucibus, tincidunt nisl sit amet, elementum eros. Fusce congue ligula gravida lorem lacinia.

buy
$5.25

Subscribe our updates!

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi semper, ligula et pretium porttitor, leo orci accumsan ligula.

body {
font-family: 'Open Sans', Helvetica, Arial, sans-serif;

font-size: 17px;
font-weight: 300;
color: #666666;
overflow-x: hidden;
}

a { transition: all 0.3s ease; }

a:hover, a:focus, a.active {
color: #58d5ff;
text-decoration: none;
}

.tm-welcome-section {

height: 83vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: #E7A7C0;
background-image: url('../img/insertion-header.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
color: white;
max-height: 700px;
min-height: 400px;
}

.tm-fa-big { font-size: 5em; }

.tm-fa-mb-big { margin-bottom: 3rem; }

.tm-navbar-container {

position: absolute;
top: 0;
}

.navbar-nav { margin-right: 0; }

.nav-link { font-size: 1.4rem; }

.tm-site-description {

font-size: 1.6rem;
color: white;
}

.navbar-expand-sm .navbar-nav .nav-link { padding: 10px 20px; }

.navbar-nav { flex-direction: row; }
.tm-site-name { font-size: 4rem; }

.tm-search-form-container {

border-radius: 15px;
border: 4px solid white;
background-color: #b35e6c;
margin-top: -54px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}

.tm-search-form {

width: 100%;
height: 96px;
font-size: 1.2rem;
}

.tm-search-box {

padding-left: 28px;
padding-right: 28px;
width: 60%;
}

.tm-advanced-box { width: 20%; }

.form-inline .form-control.tm-search-input {

margin-right: 20px;
padding: 10px 15px;
background: transparent;
color: white;
width: 70%;
border-radius: 0;
}

.form-control.tm-search-input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */

color: #fff;
opacity: 1; /* Firefox */
}

.form-control.tm-search-input:-ms-input-placeholder { /* Internet Explorer 10-11 */

color: #fff;
}

.form-control.tm-search-input::-ms-input-placeholder { /* Microsoft Edge */

color: #fff;
}

.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */

color: #666666;
opacity: 1; /* Firefox */
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */

color: #666666;
}

.form-control::-ms-input-placeholder { /* Microsoft Edge */

color: #666666;
}

.form-control {

font-weight: 300;
border-radius: 0;
padding: 12px 20px;
}

.form-control:focus {

border-color: white;
box-shadow: none;
}

.tm-search-submit {

padding: 10px 35px;
background: transparent;
color: white;
border-radius: 0;
}

.tm-search-submit {

cursor: pointer;
transition: all 0.3s ease;
}

.tm-search-submit:hover {

background-color: white;
color: #B25E6D;
}

.tm-albums-container {

margin: 80px auto;
max-width: 260px;
}

.tm-album-col {

display: flex;
justify-content: center;


Xulosa
VC code saytida muziqa topish, odamlarga qiyinchiliksiz musiqa topish va chiroyli dizayn yaratish