Class-07-31-03-2017-Professional Web Design-PSD to HTML-01 ~ CodexColors

Class-07-31-03-2017-Professional Web Design-PSD to HTML-01

alt + Click =Only image Select

them alt + Con + shift + S For save image

them click history to back Psd

text tools A

font-weight 700 or bold......eta 900 porjonto kora jay

img save >> imag select>>alt layout selet>>image trime

px ante hole>> Edit>> preferences>>> units & Rulers

HTML-CODE

CSS Code

body {
 margin: 0;
 padding: 0;
}

.header-section {
 overflow: hidden;
    padding: 25px 0;
}

.container {
 width: 1170px;
 margin: auto;
}

.logo {
 float: left;
}

.menu {
 float: right;
}

.menu ul {
 margin: 0;
 padding: 0;
 list-style: none;
}

.menu ul li {
 float: left;
 padding: 25px 30px;
}
.menu ul li a {
 text-decoration: none;
 color: #555;
 font-size: 16px;
 text-transform: uppercase;
 font-weight: bold;
}
.menu ul li a.active {
 color: #29b899;
}

/*  banner section  */
.banner-section {
 background-image: url(../../assets/images/banner-bg.jpg);
 padding-top: 170px;
 padding-bottom: 170px;
 background-position: center;
}
.banner-text {
 width: 590px;
}

.banner-text h2 {
 font-size: 36px;
 font-weight: 600;
 text-transform: uppercase;
 color: #fff;
 margin-top: 0;
 margin-bottom: 5px;
}

.banner-text h1 {
 font-size: 48px;
 font-weight: 700;
 text-transform: uppercase;
 color: #fff;
 margin-top: 0;
 margin-bottom: 5px;
}

.banner-text p {
 font-size: 16px;
 color: #fff;
 margin-top: 0;
 margin-bottom: 20px;
 line-height: 25px;
}

.custom-btn {
 display: inline-block;
 background: #1ab999;
 padding: 20px 33px;
 font-size: 14px;
 color: #fff;
 text-decoration: none;
 text-transform: uppercase;
 font-weight: 900;
 border-radius: 5px;
}

Class-07-31-03-2017-Professional Web Design-PSD to HTML-01

0 comments:

Post a Comment

FIND US ON FACEBOOK

Categories

Blog Archive

Popular Posts