Facebook
From Damir, 3 Years ago, written in CSS.
This paste is a reply to HTML from Damir - go back
Embed
Viewing differences between HTML and CSS



    
    
    FirstWebSite
    


    
        
            
                
                WordPress интенсив

            


            Создать свой сайт на WORDPRESS
            
                это просто
                

            Куда сложнее сделать это правильно!
            
                Ежедневно в России появляется более 5 000 новых сайтов. 

                И только единицы из них становятся популярными и приносят ощутимую прибыль. В чем секрет? В чем формула успеха? Узнайте на предстоящем двухдневном БЕСПЛАТНОМ интенсиве!
            

            Записаться на интенсив!
            
                узнать больше об интенсиве
                
            
            
        
    
    
        
            Что вас ждет в нашем интенсиве?
            
            2 бесплатных полноценных обучающих вебинара, где:
            
                
                    
                    Всего за два бесплатных вебинара мы научим вас, как создать свой сайт на WordPress. 
                
                
                    
                    Покажем, как правильно оптимизировать сайт и сделать его привлекательным для поисковых систем. Только свежая, профессиональная и 
                        актуальная информация!
                
                
                    
                    Вы узнаете, что такое «хорошая индексация»,
                        «высокая посещаемость», «стабильный прирост посетителей», «ТОП по запросам» и, что намного важнее, как добиться всех этих показателей!
                
            
        
    

*{
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

.conteiner{
    width:1140px;
    margin: 0 auto
}

.promo{
    height: 800px;
    background: url('../img/BackGround/Rectangle1.jpg') center center/cover no-repeat;
    padding: 39px 0 62px 0;
}

.logo .logo_img  {
    display: block;
    margin: 0 auto;
}

.logo .logo_text{
    font-family: Roboto-Black;
    font-size: 15px;
    line-height: 24px;
    font-weight: 500;
    text-transform: uppercase;
    color: #ffffff;
    text-align: center;
    margin-top: 14px;
}

.title{
    font-family: Roboto;
    font-size: 41px;
    line-height: 24px;
    font-weight: 900;
    text-transform: uppercase;
    color: #f9bf3b;
    text-align: center;
}
.simple .title_big {
    font-family: Roboto;
    font-size: 80px;
    font-weight: 900;
    text-transform: uppercase;
    color: #ffffff;
    text-align: center;
    margin-top: 21px;
}

h1{
    margin-top: 53px;
}

h2.title {
    margin-top: 30px;
}

.promo .promo_text{
    font-family: Roboto;
    font-size: 21px;
    line-height: 28px;
    font-weight: 300;
    color: #ffffff;
    text-align: center;
    padding: 0 13px;
    margin-top: 23px;
}

.promo .promo_text span{
    font-weight: 700;
    color: #f9bf3b;
}

.promo .promo_btn {
    display: block;
    margin: 0 auto;
    margin-top: 69px;
    width: 321px;
    height: 80px;
    background-image: linear-gradient(0.0deg, #2798b9 0%, #3ab6da 100%);
    border: 4px solid rgba(0,0,0,0.22);
    font-family: "Roboto Condensed";
    font-size: 21px;
    line-height: 24px;
    font-weight: 400;
    text-transform: uppercase;
    color: #ffffff;
    cursor: pointer;
}

.more {
    margin-top: 73px;

}
.more .more_text {
    font-family: "Roboto";
    font-size: 15px;
    line-height: 24px;
    font-weight: 100;
    text-transform: uppercase;
    color: #ffffff;
    text-align: center;
}

.more .more_img {
    display: block;
    margin: 0  auto;
    margin-top: 13px;

}

.waiting{
    height: 604px;
    background-color: #efefef;
    padding: 0px 85px 0px 75px;
}

.waiting .waiting_header{
    font-family: 'Roboto';
    font-size: 30px;
    font-weight: 400;
    text-transform: uppercase;
    color: #252525;
    text-align: center;
}

.waiting .waiting_divider{
    width: 217px;
    height: 4px;
    background-color: #f9bf3b;
    margin: 0 auto;
    margin-top: 18px
}

.waiting .waiting_subheader {
    font-family: Roboto;
    font-size: 23px;
    font-weight: 400;
    color: #4a4a4a;
    text-align: center;
    margin-top: 17px;
}

.waiting .waiting_wrapper {
    margin-top: 45px;
}

.waiting .waiting_wrapper .waiting_item{
    display: inline-block;
    vertical-align: top;
    width: 339px;
    text-align: center;
    margin: 0 15px;
}

.waiting .waiting_wrapper .waiting_item .waiting_img {
    width: 100%;
}

.waiting .waiting_wrapper .waiting_item .waiting_descr{
    margin-top: 33px;
    font-family: Roboto;
    font-size: 15px;
    line-height: 21px;
    font-weight: 300;
    color: #4a4a4a;
}