- Bootstrap linkedin behance

Documentation Massive

Thème HTML5 multipage et une page

création: 15/08/2015

Rubrique de page

Structure HTML. La section de page standard contient les éléments suivants


<!--section-->
<div class="page-content">
    <div class="container">
        <div class="row">
            <!--title-->
            <div class="heading-title text-center">
                <h3 class="text-uppercase">Section Title </h3>
                <span class="text-uppercase">sub title </span>
            </div>
            <!--title-->
            <div class="col-md-12">
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus alias aliquam blanditiis,
                    corporis debitis et eum fugit magni minima nostrum nulla omnis pariatur perferendis,
                    perspiciatis, quos saepe sed? Ea, sint.</p>
            </div>
        </div>
    </div>
</div>
<!--section-->

 

Changement de couleur de fond de section

Structure HTML. vous pouvez changer la couleur d'arrière-plan de la section. comme gris/foncé. Pour une couleur de fond grise, veuillez ajouter un nom de classe supplémentaire gray-bg et pour une couleur de fond sombre, ajoutez un nom de classe dark-bg

Pour la couleur de fond grise


<!--section-->
<div class="page-content gray-bg">
    <div class="container">
        <div class="row">
             ....            
        </div>
    </div>
</div>
<!--section--> 

Pour la couleur de fond sombre


<!--section-->
<div class="page-content dark-bg">
    <div class="container">
        <div class="row">
             ....            
        </div>
    </div>
</div>
<!--section--> 

 

Parallaxe de section

Structure HTML. Pour la parallaxe de section, ajoutez un nom de classe supplémentaire parallax-inner pleine largeur et définissez votre image de parallaxe


<!--parallax-->
<div class="parallax-inner full-width" style="background-image: url('img/parallax/para1.jpg')">
    <div class="container-fluid ">
        <div class="row">
            <div class="col-md-12">
                ...
            </div>
        </div>
    </div>
</div>
<!--parallax-->

© 2010-2023 QZYcodes by Quazerty.