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

(Replaced content with " {{:Team:Valencia_UPV/Templates:headerGeneralUPV}} <html> <body> </body> </html> {{:Team:Valencia_UPV/Templates:footerUPV}}")
Line 3: Line 3:
 
<html>
 
<html>
 
<body>
 
<body>
 +
 +
<!--TITLE-->
 +
        <section class="page-header dark">
 +
            <div class="container">
 +
                <h1>Attributions</h1>
 +
            </div>
 +
        </section>
 +
        <!--/TITLE-->
 +
 +
        <section class="nopadding">
 +
 +
            <div class="row nomargin">
 +
 +
<!-- LEFT -->
 +
<div class="col-md-6 col-sm-6 nopadding nomargin">
 +
 +
<img class="img-responsive" src="assets/images/demo/people/1200x800/2-min.jpg" alt="image">
 +
 +
</div>
 +
 +
<!-- RIGHT -->
 +
<div class="col-md-6 col-sm-6 nopadding nomargin">
 +
 +
<div class="padding-40">
 +
 +
<h2>John Doe</h2>
 +
<p>Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus. Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum.</p>
 +
 +
 +
<div class="row margin-top-60">
 +
 +
<div class="col-md-6 col-sm-6">
 +
<p class="font-lato size-18">Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum. Donec id elit non mi porta gravida at eget metus.</p>
 +
</div>
 +
 +
<!-- skills -->
 +
<div class="col-md-6 col-sm-6">
 +
 +
<h5 class="nomargin"><span class="pull-right">90%</span>WEB DESIGN</h5>
 +
<div class="progress progress-xs"><!-- progress bar -->
 +
<div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" style="width: 90%; min-width: 2em;"></div>
 +
</div><!-- /progress bar -->
 +
 +
<h5 class="nomargin"><span class="pull-right">98%</span>HTML/CSS </h5>
 +
<div class="progress progress-xs"><!-- progress bar -->
 +
<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="98" aria-valuemin="0" aria-valuemax="100" style="width: 98%; min-width: 2em;"></div>
 +
</div><!-- /progress bar -->
 +
 +
</div>
 +
<!-- skills -->
 +
 +
</div>
 +
 +
<hr>
 +
 +
<!-- social icons -->
 +
<div class="text-center">
 +
 +
<a href="#" class="social-icon social-icon-transparent social-facebook">
 +
<i class="icon-facebook"></i>
 +
<i class="icon-facebook"></i>
 +
</a>
 +
 +
<a href="#" class="social-icon social-icon-transparent social-twitter">
 +
<i class="icon-twitter"></i>
 +
<i class="icon-twitter"></i>
 +
</a>
 +
 +
<a href="#" class="social-icon social-icon-transparent social-linkedin">
 +
<i class="icon-linkedin"></i>
 +
<i class="icon-linkedin"></i>
 +
</a>
 +
 +
</div>
 +
<!-- /social icons -->
 +
 +
</div>
 +
 +
 +
</div>
 +
</div>
 +
 +
        </section>
 +
 +
        <section class="nopadding">
 +
       
 +
            <div class="row nomargin">
 +
 +
                <!-- RIGHT -->
 +
                <div class="col-md-6 col-sm-6 nopadding nomargin">
 +
               
 +
                    <div class="padding-40">
 +
           
 +
                        <h2>Melissa Doe</h2>
 +
                        <p>Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus. Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum.</p>
 +
 +
                        <div class="row margin-top-60">
 +
                           
 +
                            <div class="col-md-6 col-sm-6">
 +
                                <p>Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</p>
 +
                                <p class="font-lato size-18">Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum. Donec id elit non mi porta gravida at eget metus.</p>
 +
                            </div>
 +
 +
                            <!-- skills -->
 +
                            <div class="col-md-6 col-sm-6">
 +
 +
                                <h5 class="nomargin"><span class="pull-right">90%</span>WEB DESIGN</h5>
 +
                                <div class="progress progress-xs"><!-- progress bar -->
 +
                                    <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" style="width: 90%; min-width: 2em;"></div>
 +
                                </div><!-- /progress bar -->
 +
 +
                                <h5 class="nomargin"><span class="pull-right">98%</span>HTML/CSS </h5>
 +
                                <div class="progress progress-xs"><!-- progress bar -->
 +
                                    <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="98" aria-valuemin="0" aria-valuemax="100" style="width: 98%; min-width: 2em;"></div>
 +
                                </div><!-- /progress bar -->
 +
 +
                                <h5 class="nomargin"><span class="pull-right">60%</span>JAVASCRIPT </h5>
 +
                                <div class="progress progress-xs"><!-- progress bar -->
 +
                                    <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%; min-width: 2em;"></div>
 +
                                </div><!-- /progress bar -->
 +
 +
                                <h5 class="nomargin"><span class="pull-right">88%</span>PHP/MYSQL</h5>
 +
                                <div class="progress progress-xs"><!-- progress bar -->
 +
                                    <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="88" aria-valuemin="0" aria-valuemax="100" style="width: 88%; min-width: 2em;"></div>
 +
                                </div><!-- /progress bar -->
 +
 +
                            </div>
 +
                            <!-- skills -->
 +
 +
                        </div>
 +
                       
 +
                        <hr>
 +
 +
                        <!-- social icons -->
 +
                        <div class="text-center">
 +
 +
                            <a href="#" class="social-icon social-icon-transparent social-facebook">
 +
                                <i class="icon-facebook"></i>
 +
                                <i class="icon-facebook"></i>
 +
                            </a>
 +
 +
                            <a href="#" class="social-icon social-icon-transparent social-twitter">
 +
                                <i class="icon-twitter"></i>
 +
                                <i class="icon-twitter"></i>
 +
                            </a>
 +
 +
                            <a href="#" class="social-icon social-icon-transparent social-linkedin">
 +
                                <i class="icon-linkedin"></i>
 +
                                <i class="icon-linkedin"></i>
 +
                            </a>
 +
                       
 +
                        </div>
 +
                        <!-- /social icons -->
 +
 +
 +
                    </div>
 +
                </div>
 +
 +
           
 +
                <!-- LEFT -->
 +
                <div class="col-md-6 col-sm-6 nopadding nomargin">
 +
 +
                    <img class="img-responsive" src="assets/images/demo/people/1200x800/1-min.jpg" alt="image">
 +
 +
                </div>
 +
 +
            </div>
 +
       
 +
        </section>
 +
 +
 
</body>
 
</body>
 
</html>
 
</html>
 
{{:Team:Valencia_UPV/Templates:footerUPV}}
 
{{:Team:Valencia_UPV/Templates:footerUPV}}

Revision as of 10:19, 7 October 2016

Attributions

image

John Doe

Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus. Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum.

Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum. Donec id elit non mi porta gravida at eget metus.

90%WEB DESIGN
98%HTML/CSS

Melissa Doe

Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus. Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum.

Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.

Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum. Donec id elit non mi porta gravida at eget metus.

90%WEB DESIGN
98%HTML/CSS
60%JAVASCRIPT
88%PHP/MYSQL
image

Sponsors