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

Line 48: Line 48:
 
                                                                     <div class="modal-close modal-close-cross"></div>
 
                                                                     <div class="modal-close modal-close-cross"></div>
 
                                                                     <h3>Login to Your Account</h3>
 
                                                                     <h3>Login to Your Account</h3>
−
                                                                    <a class="btn block btn--icon bg--facebook type--uppercase" href="#">
 
−
                                                                        <span class="btn__text">
 
−
                                                                            <i class="socicon-facebook"></i>
 
−
                                                                            Login with Facebook
 
−
                                                                        </span>
 
−
                                                                    </a>
 
−
                                                                    <a class="btn block btn--icon bg--twitter type--uppercase" href="#">
 
−
                                                                        <span class="btn__text">
 
−
                                                                            <i class="socicon-twitter"></i>
 
−
                                                                            Login with Twitter
 
−
                                                                        </span>
 
−
                                                                    </a>
 
 
                                                                     <hr data-title="OR">
 
                                                                     <hr data-title="OR">
 
                                                                     <div class="feature__body">
 
                                                                     <div class="feature__body">
Line 111: Line 99:
 
                                                                         <h2>Create an account</h2>
 
                                                                         <h2>Create an account</h2>
 
                                                                         <p class="lead">Get started with a 14 day free trial, No credit card required &mdash; cancel at any time.</p>
 
                                                                         <p class="lead">Get started with a 14 day free trial, No credit card required &mdash; cancel at any time.</p>
−
                                                                        <a class="btn block btn--icon bg--facebook type--uppercase" href="#">
 
−
                                                                            <span class="btn__text">
 
−
                                                                                <i class="socicon-facebook"></i>
 
−
                                                                                Sign up with Facebook
 
−
                                                                            </span>
 
−
                                                                        </a>
 
−
                                                                        <a class="btn block btn--icon bg--twitter type--uppercase" href="#">
 
−
                                                                            <span class="btn__text">
 
−
                                                                                <i class="socicon-twitter"></i>
 
−
                                                                                Sign up with Twitter
 
−
                                                                            </span>
 
−
                                                                        </a>
 
 
                                                                         <hr data-title="OR">
 
                                                                         <hr data-title="OR">
 
                                                                         <form>
 
                                                                         <form>
Line 203: Line 179:
 
         <div class="notification pos-right pos-top side-menu bg--white" data-notification-link="side-menu" data-animation="from-right">
 
         <div class="notification pos-right pos-top side-menu bg--white" data-notification-link="side-menu" data-animation="from-right">
 
             <div class="side-menu__module">
 
             <div class="side-menu__module">
−
                <a class="btn btn--icon bg--facebook block" href="#">
 
−
                    <span class="btn__text">
 
−
                        <i class="socicon-facebook"></i>
 
−
                        Sign up with Facebook
 
−
                    </span>
 
−
                </a>
 
−
                <a class="btn btn--icon bg--dark block" href="#">
 
−
                    <span class="btn__text">
 
−
                        <i class="socicon-mail"></i>
 
−
                        Sign up with Email
 
−
                    </span>
 
−
                </a>
 
 
             </div>
 
             </div>
 
             <!--end module-->
 
             <!--end module-->

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