|
|
| Line 4: |
Line 4: |
| | <body> | | <body> |
| | | | |
| − | <!-- JAVASCRIPT FILES -->
| |
| − | <script type="text/javascript">var plugin_path = 'assets/plugins/';</script>
| |
| − | <script type="text/javascript" src="assets/plugins/jquery/jquery-2.2.3.min.js?action=raw&ctype=text/javascript">
| |
| − | </script>
| |
| − |
| |
| − | <script type="text/javascript" src="assets/js/scripts.js?action=raw&ctype=text/javascript"></script>
| |
| − |
| |
| − | <!-- PARTICLE EFFECT -->
| |
| − | <script type="text/javascript" src="assets/plugins/effects/canvas.particles.js?action=raw&ctype=text/javascript">
| |
| − | </script>
| |
| − |
| |
| − | <!--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>
| |
| | | | |
| | | | |
