Use bootstrap to make a popular web page

The first is HTML hosting content:

<! DOCTYPE html>Next CSS settings style:
/* Global style */h1,h3,p,a,button{font-family: "Helvetica Neue", Helvetica,arial, "Hiragino Sans GB";}    /* Navigation */.side-nav{position:fixed;    top:45%;    right:20px; Z-index:1;}.    Side-nav ul.nav-side-nav{Text-align:center;    List-style:none;    margin:0; padding-left:0;}.    Side-nav Ul.nav-side-nav >li{Display:block;    Line-height:1.5em;    margin:0; padding:8px 0;}.    Side-nav Ul.nav-side-nav >li >a{display:block;    width:80px;    height:25px; font-size:14px;}. Side-nav ul.nav-side-nav >li >a:hover{color: #1eb450;} /* First screen */.onepage{height:750px;}.    onepage-bg{height:760px;    width:100%;    Position:absolute;    Background-position:center Center; Background-size:cover;} #onepagebg {Background-image:url (". /images/1.jpg ");}. title-text{margin-left:50px;}.    headh1content{margin-top:150px; line-height:75px;}.    Headfontsize h1{font-size:50pt; Color: #fff;}. Headfontsize h3,.headfontsize p{color: #fff;}. Headfontsize . headtext{color: #d1e973; font-size:12pt;}. btn-app-store{margin-top:15px;}    /* Second screen */.twopage{padding:2px 0 0 2px;    Height:auto; Background-image:url ("..    /images/10.jpg "); Position:relative;}.    twopage-text{width:100%;    Text-align:center; margin-bottom:20px;}.    twopage-text-h1{margin-left:120px;    letter-spacing:2px;    margin-top:20px;    margin-bottom:0; padding:20px 0 0 0;}.    Twopage-text-h1 img{width:120px; Margin-top: -20px;}.    Twopage. row{margin-left:0px; margin-right:0px;}.    twopages-courses{Float:left;    Background: #fff;    padding:0 2px 2px 0; Position:relative;}.    Twopages-courses >a{width:100%;    height:100%;    Float:left;    Text-align:center; Position:relative;}.    Twopages-courses >a >img{width:100%; height:260px;}.    classicon{width:100%;    height:100%;    Position:absolute;    left:0;    top:0;    Color: #fff; opacity:0;}.    Classicon h3{margin-top:120px; Color: #d1e973;}. Classicon h1{color: #fff5e1;}.    classicon:hover{background: #1eb450;    opacity:0.9;    Transition:opactiy 0.5s;    -webkit-transition:opactiy 0.5s;    -o-transition:opactiy 0.5s;    -moz-transition:opactiy 0.5s; -ms-transition:opactiy 0.5s;}.    twopagebtn{width:100%;    margin:0% Auto; Text-align:center;}. Twopagebtn. btn-lg{font-size:25px;} #twopage-easy{margin:30px 0;}    /* Third screen */.threepage{Position:absolute;    width:100%; height:760px;}.    threepage-bg{Position:absolute;    height:100%;    width:100%;    Background-position:center Center;    Background-repeat:no-repeat; Background-size:cover;} #threepagebg {Background-image:url (". /images/10.jpg ");}.    threepagecontent{width:100%;    margin:0 Auto; Text-align:center;}.    threepagetext{margin-top:60px; Color: #1eb450;}.    Threepagetext p{margin-top:20px;    font-size:12pt; line-height:30px;}.    threepagecontentbtn{margin-top:200px; font-size:25px;}
rendered effect:




 
Use bootstrap to make a popular web page