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

Line 1,696: Line 1,696:
 
             </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="row">
 +
                        <div class="col-md-6">
 +
                            <ul class="list-inline list--hover">
 +
                                <li class="list-inline-item">
 +
                                    <a href="#">
 +
                                        <span class="type--fine-print">Get Started</span>
 +
                                    </a>
 +
                                </li>
 +
                                <li class="list-inline-item">
 +
                                    <a href="#">
 +
                                        <span class="type--fine-print">help@stack.io</span>
 +
                                    </a>
 +
                                </li>
 +
                            </ul>
 +
                        </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-->
 +
                    <div class="row">
 +
                        <div class="col-md-6">
 +
                            <p class="type--fine-print">
 +
                                Supercharge your web workflow
 +
                            </p>
 +
                        </div>
 +
                        <div class="col-md-6 text-right text-center-xs">
 +
                            <span class="type--fine-print">&copy;
 +
                                <span class="update-year"></span> Stack Inc.</span>
 +
                            <a class="type--fine-print" href="#">Privacy Policy</a>
 +
                            <a class="type--fine-print" href="#">Legal</a>
 +
                        </div>
 +
                    </div>
 +
                    <!--end of row-->
 +
                </div>
 
                 <div class="container">
 
                 <div class="container">
 
                     <div class="row">
 
                     <div class="row">

Revision as of 14:47, 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