Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!-- UI - X -->
- <div class="ui-215">
- <!-- Details -->
- <div class="ui-details clearfix">
- <!-- Heading -->
- <h3><a href="#"><i class="fa fa-android bg-green"></i> HTML</a></h3>
- <!-- Progress -->
- <a href="#" class="progress">
- <!-- Progress Bar -->
- <span class="progress-bar bg-green" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
- </span>
- <!-- Arrow -->
- <span class="ui-hover">
- <!-- Heading -->
- <span class="ui-head">HTML</span>
- <!-- Progress Reading -->
- <b>60%</b>
- </span>
- </a>
- </div>
- <!-- Details -->
- <div class="ui-details clearfix">
- <!-- Heading -->
- <h3><a href="#"><i class="fa fa-apple bg-red"></i> CSS</a></h3>
- <!-- Progress -->
- <a href="#" class="progress">
- <!-- Progress Bar -->
- <span class="progress-bar bg-red" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">
- </span>
- <!-- Arrow -->
- <span class="ui-hover">
- <!-- Heading -->
- <span class="ui-head">CSS</span>
- <!-- Progress Reading -->
- <b>50%</b>
- </span>
- </a>
- </div>
- <!-- Details -->
- <div class="ui-details clearfix">
- <!-- Heading -->
- <h3><a href="#"><i class="fa fa-dropbox bg-lblue"></i> PHP</a></h3>
- <!-- Progress -->
- <a href="#" class="progress">
- <!-- Progress Bar -->
- <span class="progress-bar bg-lblue" role="progressbar" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100" style="width: 30%;">
- </span>
- <!-- Arrow -->
- <span class="ui-hover">
- <!-- Heading -->
- <span class="ui-head">PHP</span>
- <!-- Progress Reading -->
- <b>30%</b>
- </span>
- </a>
- </div>
- <!-- Details -->
- <div class="ui-details clearfix">
- <!-- Heading -->
- <h3><a href="#"><i class="fa fa-dribbble bg-yellow"></i> Java</a></h3>
- <!-- Progress -->
- <a href="#" class="progress">
- <!-- Progress Bar -->
- <span class="progress-bar bg-yellow" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: 75%;">
- </span>
- <!-- Arrow -->
- <span class="ui-hover">
- <!-- Heading -->
- <span class="ui-head">JAVA</span>
- <!-- Progress Reading -->
- <b>75%</b>
- </span>
- </a>
- </div>
- <!-- Details -->
- <div class="ui-details clearfix">
- <!-- Heading -->
- <h3><a href="#"><i class="fa fa-drupal bg-purple"></i> .Net</a></h3>
- <!-- Progress -->
- <a href="#" class="progress">
- <!-- Progress Bar -->
- <span class="progress-bar bg-purple" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%;">
- </span>
- <!-- Arrow -->
- <span class="ui-hover">
- <!-- Heading -->
- <span class="ui-head">.Net</span>
- <!-- Progress Reading -->
- <b>40%</b>
- </span>
- </a>
- </div>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement