Difference between revisions of "Team:Valencia UPV/pruebaWeb"

 
(11 intermediate revisions by the same user not shown)
Line 1,643: Line 1,643:
 
         <div class="main-container">
 
         <div class="main-container">
 
             <section class="imagebg image--light cover cover-blocks bg--secondary">
 
             <section class="imagebg image--light cover cover-blocks bg--secondary">
−
                <div class="background-image-holder hidden-xs">
+
                    <div class="background-image-holder hidden-xs" style="background-image: url(https://static.igem.org/mediawiki/2018/thumb/4/47/T--Valencia_UPV--pruebaBin.jpg/1600px-T--Valencia_UPV--pruebaBin.jpg); opacity: 1; background-position: initial initial; background-repeat: initial initial;">
 +
                    <img src="https://static.igem.org/mediawiki/2018/thumb/4/47/T--Valencia_UPV--pruebaBin.jpg/1600px-T--Valencia_UPV--pruebaBin.jpg">
 
                 </div>
 
                 </div>
 
                 <div class="container">
 
                 <div class="container">
Line 1,695: Line 1,696:
 
                 <!--end of container-->
 
                 <!--end of container-->
 
             </section>
 
             </section>
−
            <footer class="footer-3 text-center-xs space--xs ">
+
          <footer class="footer-3 text-center-xs space--xs ">
 
                 <div class="container">
 
                 <div class="container">
 
                     <div class="row">
 
                     <div class="row">
Line 1,712: Line 1,713:
 
                             </ul>
 
                             </ul>
 
                         </div>
 
                         </div>
−
                        <div class="col-md-6 text-right text-center-xs">
 
−
                            <ul class="social-list list-inline list--hover">
 
−
                                <li class="list-inline-item">
 
−
                                    <a href="#">
 
−
                                        <i class="socicon socicon-google icon icon--xs"></i>
 
−
                                    </a>
 
−
                                </li>
 
−
                                <li class="list-inline-item">
 
−
                                    <a href="#">
 
−
                                        <i class="socicon socicon-twitter icon icon--xs"></i>
 
−
                                    </a>
 
−
                                </li>
 
−
                                <li class="list-inline-item">
 
−
                                    <a href="#">
 
−
                                        <i class="socicon socicon-facebook icon icon--xs"></i>
 
−
                                    </a>
 
−
                                </li>
 
−
                                <li class="list-inline-item">
 
−
                                    <a href="#">
 
−
                                        <i class="socicon socicon-instagram icon icon--xs"></i>
 
−
                                    </a>
 
−
                                </li>
 
−
                            </ul>
 
−
                        </div>
 
−
                    </div>
 
 
                     <!--end of row-->
 
                     <!--end of row-->
 
                     <div class="row">
 
                     <div class="row">

Latest revision as of 15:14, 25 June 2018



Stack | Multipurpose HTML Template with Variant Page Builder
Already have an account? Login

Gradient Backgrounds

These modular elements can be readily used and customized across pages and in different blocks.

Explore all of Stack's modular elements
at the Element Index Page →

Gradient Background

Stack allows you to easily add an animated gradient background to elements that fades seamlessly between a list of hex colours you define in the data-gradients attribute. 

<section class="imagebg" data-gradient-bg="#4876BD,#5448BD,#8F48BD,#BD48B1">
	CONTENT
</section>

Gradient Backgrounds Rock