Advertisement
nitheism

Rows

Jul 16th, 2017
525
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 6.21 KB | None | 0 0
  1. <base href="/employee_profile">
  2.  
  3.  
  4. <!-- Navigation -->
  5. <nav id="mainNav" class="navbar navbar-inverse navbar-custom">
  6.   <div class="container">
  7.     <!-- Brand and toggle get grouped for better mobile display -->
  8.     <div class="navbar-header page-scroll">
  9.       <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
  10.         <span class="sr-only">Toggle navigation</span> Menu <i class="fa fa-bars"></i>
  11.       </button>
  12.       <a class="navbar-brand" routerLink="/employee_profile">Employee Recruiter</a>
  13.     </div>
  14.  
  15.     <!-- Collect the nav links, forms, and other content for toggling -->
  16.     <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
  17.       <ul class="nav navbar-nav navbar-right">
  18.  
  19.         <li>
  20.           <a href="#">My Profile</a>
  21.         </li>
  22.         <li>
  23.           <a href="#">Edit</a>
  24.         </li>
  25.         <li>
  26.           <a href="#">Explore</a>
  27.         </li>
  28.         <li>
  29.           <a href="#">My Jobs</a>
  30.         </li>
  31.         <li>
  32.           <a href="#">Explore</a>
  33.         </li>
  34.         <li>
  35.           <a href="#">Recommendations</a>
  36.         </li>
  37.         <li>
  38.           <a href="#">Exit</a>
  39.         </li>
  40.  
  41.       </ul>
  42.     </div>
  43.     <!-- /.navbar-collapse -->
  44.   </div>
  45.   <!-- /.container-fluid -->
  46. </nav>
  47.  
  48.  
  49. <body>
  50.  
  51. <div class="container">
  52.  
  53.   <div class="row col-lg-8">
  54.  
  55.     <div style="padding-bottom: 210px; border-bottom: 1px solid #ccc;">
  56.       <div style="float: right">
  57.         <h2 class="text-right text-success">Bai Hui</h2>
  58.         <h4 class="text-info text-right">Troshach na zabi</h4>
  59.         <h4 class="text-danger text-right">Sofia, Bulgaria</h4>
  60.         <h4 class="text-primary text-right">Born: 1999</h4>
  61.       </div>
  62.       <div style="float: left">
  63.         <h4 class="text-warning text-left">baihui@gmail.com</h4>
  64.         <h4 class="text-success text-left">Website: www.kurec.com</h4>
  65.         <h4 class="text-info text-left">Social media:</h4>
  66.       </div>
  67.     </div>
  68.  
  69.     <div>
  70.       <h4 class="text-info">Previous Job experiences:</h4>
  71.       <div class="container-fluid">
  72.         <div class="row">
  73.           <div class="cold-md-4 well">
  74.             <h4>something</h4>
  75.             <h6>something</h6>
  76.             <h6>something</h6>
  77.           </div>
  78.           <div class="cold-md-4 well">
  79.             <h4>something</h4>
  80.             <h6>something</h6>
  81.             <h6>something</h6>
  82.           </div>
  83.           <div class="cold-md-4 well">
  84.             <h4>something</h4>
  85.             <h6>something</h6>
  86.             <h6>something</h6>
  87.           </div>
  88.         </div>
  89.         <div class="row">
  90.           <div class="cold-md-4 well">
  91.             <h4>something</h4>
  92.             <h6>something</h6>
  93.             <h6>something</h6>
  94.           </div>
  95.           <div class="cold-md-4 well">
  96.             <h4>something</h4>
  97.             <h6>something</h6>
  98.             <h6>something</h6>
  99.           </div>
  100.           <div class="cold-md-4 well">
  101.             <h4>something</h4>
  102.             <h6>something</h6>
  103.             <h6>something</h6>
  104.           </div>
  105.         </div>
  106.  
  107.       </div>
  108.     </div>
  109.  
  110.     <div>
  111.       <h4 class="text-info" style="margin-top: 100px">About me:</h4>
  112.       <div style="border-bottom: 1px solid #ccc; float: left" class="well text-success">
  113.        <span> Защо го използваме?
  114.         Известен факт е, че читателя обръща
  115.         внимание на съдържанието, което чете, а не на оформлението му.
  116.         Свойството на Lorem Ipsum е, че до голяма степен има нормално разпределение на
  117.         буквите и се чете по-лесно, за разлика от нормален текст на английски език
  118.         като "Това е съдържание, това е съдържание". Много системи за публикуване и
  119.         редактори на Уеб страници използват Lorem Ipsum като примерен текстов модел
  120.         "по подразбиране", поради което при търсене на фразата "lorem ipsum" в
  121.         Интернет ще бъдат открити много сайтове в процес на разработка. Някой от
  122.         тези сайтове биват променяни с времето, а други по случайност
  123.         или нарочно(за забавление и пр.) биват оставяни в този си незавършен вид.
  124.          </span>
  125.       </div>
  126.     </div>
  127.   </div>
  128.  
  129.   <div class="row col-lg-4 text-right">
  130.     <div class="text-center" style="padding-bottom: 5px; padding-top: 5px;">
  131.       <img src="assets/img/profile.png" class="rounded" width="200" height="200">
  132.     </div>
  133.  
  134.     <div style="border-top: 1px solid #ccc;" class="text-left inline-block">
  135.       <h4 class="text-success">Programming languages:</h4>
  136.       <h4><label class="label label-success"> C++ <span class="text-success">x2</span></label></h4>
  137.       <h4><label class="label label-success"> Python <span class="text-success">x7</span></label></h4>
  138.       <h4><label class="label label-success"> C# <span class="text-success">x5</span></label></h4>
  139.       <h4><label class="label label-success"> Javascript <span class="text-success">x10</span></label></h4>
  140.       <h4><label class="label label-success"> Java <span class="text-success">x2</span></label></h4>
  141.     </div>
  142.  
  143.     <div style="border-top: 1px solid #ccc;" class="text-left inline-block">
  144.       <h4 class="text-danger">Programming Software:</h4>
  145.       <h4><label class="label label-danger"> Unreal Engine 4 <span class="text-danger">x2</span></label></h4>
  146.       <h4><label class="label label-danger"> Git <span class="text-danger">x7</span></label></h4>
  147.       <h4><label class="label label-danger"> Linux <span class="text-danger">x5</span></label></h4>
  148.       <h4><label class="label label-danger"> Windows <span class="text-danger">x10</span></label></h4>
  149.       <h4><label class="label label-danger"> Windows server <span class="text-danger">x2</span></label></h4>
  150.     </div>
  151.   </div>
  152.  
  153.  
  154. </div>
  155. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement