Doctype html


Download 280.36 Kb.
Sana23.11.2023
Hajmi280.36 Kb.
#1794894

















DOCTYPE html>








Insertion HTML5 <a href="/system-design-document-template.html">Template</a>




















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











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

Download 280.36 Kb.

Do'stlaringiz bilan baham:




Ma'lumotlar bazasi mualliflik huquqi bilan himoyalangan ©fayllar.org 2024
ma'muriyatiga murojaat qiling