Data hosted with ♥ by Pastebin.com - Download Raw - See Original
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Quang's CV</title>
  6.     <!-- Load font awesome -->
  7.     <link rel="stylesheet" href="assets/vendors/font-awesome-4.7.0/css/font-awesome.min.css">
  8.  
  9.     <!-- Load google font -->
  10.     <link href="https://fonts.googleapis.com/css?family=Roboto+Slab:400,700" rel="stylesheet">
  11.  
  12.     <!-- Load main stylesheet -->
  13.     <link rel="stylesheet" href="assets/css/style.css">
  14. </head>
  15. <body>
  16.     <div class="wrapper flex">
  17.         <div class="sidebar">
  18.             <div class="avatar">
  19.                 <img src="assets/img/avatar.png" width="215" height="215" alt="Md Alamin Mir" />
  20.                 <h1 class="name">Md Alamin Mir</h1>
  21.                 <h4 class="job">Creative Designer</h4>
  22.             </div><!-- .avatar -->
  23.  
  24.             <div class="module">
  25.                 <h3 class="module__title">
  26.                     <i class="fa fa-user circle circle--medium"></i>
  27.                     <span>About Me</span>
  28.                 </h3>
  29.                 <div class="module__content">
  30.                     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
  31.                     <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
  32.                 </div>
  33.             </div><!-- End .module #1 -->
  34.  
  35.             <div class="module">
  36.                 <h3 class="module__title">
  37.                     <i class="fa fa-address-book-o circle circle--medium"></i>
  38.                     <span>Contact Me</span>
  39.                 </h3>
  40.                 <div class="module__content">
  41.                     <ul>
  42.                         <li class="flex">
  43.                             <i class="fa fa-map-marker circle circle--small circle--white"></i>
  44.                             <div>Valley Obstetrics & Gynecology 585 North 500 West</div>
  45.                         </li>
  46.                         <li class="flex">
  47.                             <i class="fa fa-globe circle circle--small circle--white"></i>
  48.                             <div>alaminmir.com<br>[email protected]</div>
  49.                         </li>
  50.                         <li class="flex">
  51.                             <i class="fa fa-mobile circle circle--small circle--white"></i>
  52.                             <div>(801) 374-1801, (801) 374-1800<br>(801) 374-1803</div>
  53.                         </li>
  54.                     </ul>
  55.                 </div>
  56.             </div><!-- End .module #2 -->
  57.  
  58.             <div class="module module--progress">
  59.                 <h3 class="module__title">
  60.                     <i class="fa fa-graduation-cap circle circle--medium"></i>
  61.                     <span>My Skills</span>
  62.                 </h3>
  63.                 <div class="module__content">
  64.                     <ul>
  65.                         <li class="flex">
  66.                             <i class="fa fa-paint-brush circle circle--small circle--white"></i>
  67.                             <div class="flex--1">
  68.                                 <span>Adobe Photoshop</span>
  69.                                 <span class="progress-bar"><span style="width:90%"></span></span>
  70.                             </div>
  71.                         </li>
  72.                         <li class="flex">
  73.                             <i class="fa fa-html5 circle circle--small circle--white"></i>
  74.                             <div class="flex--1">
  75.                                 <span>HTML / CSS / JS</span>
  76.                                 <span class="progress-bar"><span style="width:95%"></span></span>
  77.                             </div>
  78.                         </li>
  79.                         <li class="flex">
  80.                             <i class="fa fa-android circle circle--small circle--white"></i>
  81.                             <div class="flex--1">
  82.                                 <span>Android Development</span>
  83.                                 <span class="progress-bar"><span style="width:80%"></span></span>
  84.                             </div>
  85.                         </li>
  86.                         <li class="flex">
  87.                             <i class="fa fa-globe circle circle--small circle--white"></i>
  88.                             <div class="flex--1">
  89.                                 <span>Web Design</span>
  90.                                 <span class="progress-bar"><span style="width:85%"></span></span>
  91.                             </div>
  92.                         </li>
  93.                         <li class="flex">
  94.                             <i class="fa fa-print circle circle--small circle--white"></i>
  95.                             <div class="flex--1">
  96.                                 <span>Print Design</span>
  97.                                 <span class="progress-bar"><span style="width:70%"></span></span>
  98.                             </div>
  99.                         </li>
  100.                     </ul>
  101.                 </div>
  102.             </div><!-- End .module #3 -->
  103.            
  104.         </div><!-- End .sidebar -->
  105.         <div class="content">
  106.             <div class="section">
  107.                 <h2 class="section__title">
  108.                     <i class="fa fa-briefcase circle circle--large"></i>
  109.                     <span>Work Experience</span>
  110.                 </h2>
  111.                 <div class="section__content">
  112.                     <div class="module">
  113.                         <h3 class="module__title">Creative Designer</h3>
  114.                         <div class="module__meta">
  115.                             <span><i class="fa fa-building-o"></i>Google Inc USA</span>
  116.                             <span><i class="fa fa-calendar"></i>20 Sep 2010-Current</span>
  117.                         </div>
  118.                         <div class="module__content">
  119.                             <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
  120.                         </div>
  121.                     </div><!-- End .module #4 -->
  122.  
  123.                     <div class="module">
  124.                         <h3 class="module__title">Android Developer</h3>
  125.                         <div class="module__meta">
  126.                             <span><i class="fa fa-building-o"></i>Google Inc USA</span>
  127.                             <span><i class="fa fa-calendar"></i>20 Sep 2010-Current</span>
  128.                         </div>
  129.                         <div class="module__content">
  130.                             <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
  131.                         </div>
  132.                     </div><!-- End .module #5 -->
  133.  
  134.                     <div class="module">
  135.                         <h3 class="module__title">Senior Artist & Director</h3>
  136.                         <div class="module__meta">
  137.                             <span><i class="fa fa-building-o"></i>Google Inc USA</span>
  138.                             <span><i class="fa fa-calendar"></i>20 Sep 2010-Current</span>
  139.                         </div>
  140.                         <div class="module__content">
  141.                             <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
  142.                         </div>
  143.                     </div><!-- End .module #6 -->
  144.                 </div><!-- End .section__content -->
  145.             </div><!-- End .section #1 -->
  146.  
  147.             <div class="section">
  148.                 <h2 class="section__title">
  149.                     <i class="fa fa-briefcase circle circle--large"></i>
  150.                     <span>Work Experience</span>
  151.                 </h2>
  152.                 <div class="section__content">
  153.                     <div class="module">
  154.                         <h3 class="module__title">Creative Designer</h3>
  155.                         <div class="module__meta">
  156.                             <span><i class="fa fa-building-o"></i>Google Inc USA</span>
  157.                             <span><i class="fa fa-calendar"></i>20 Sep 2010-Current</span>
  158.                         </div>
  159.                         <div class="module__content">
  160.                             <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
  161.                         </div>
  162.                     </div><!-- End .module #7 -->
  163.  
  164.                     <div class="module">
  165.                         <h3 class="module__title">Android Developer</h3>
  166.                         <div class="module__meta">
  167.                             <span><i class="fa fa-building-o"></i>Google Inc USA</span>
  168.                             <span><i class="fa fa-calendar"></i>20 Sep 2010-Current</span>
  169.                         </div>
  170.                         <div class="module__content">
  171.                             <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
  172.                         </div>
  173.                     </div><!-- End .module #8 -->
  174.                 </div><!-- End .section__content -->
  175.             </div><!-- End .section #2 -->
  176.  
  177.             <div class="section">
  178.                 <h2 class="section__title">
  179.                     <i class="fa fa-briefcase circle circle--large"></i>
  180.                     <span>Work Experience</span>
  181.                 </h2>
  182.                 <div class="section__content">
  183.                     <div class="lang flex">
  184.                         <div class="lang__content">
  185.                             <img src="assets/img/english.png" width="133" height="89" alt="English" />
  186.                             <h4>English</h4>
  187.                             <div class="star">
  188.                                 <i class="fa fa-star"></i>
  189.                                 <i class="fa fa-star"></i>
  190.                                 <i class="fa fa-star"></i>
  191.                                 <i class="fa fa-star"></i>
  192.                             </div>
  193.                         </div>
  194.                         <div class="lang__content">
  195.                             <img src="assets/img/bangali.png" width="133" height="89" alt="Bangali" />
  196.                             <h4>Bangali</h4>
  197.                             <div class="star">
  198.                                 <i class="fa fa-star"></i>
  199.                                 <i class="fa fa-star"></i>
  200.                                 <i class="fa fa-star"></i>
  201.                                 <i class="fa fa-star"></i>
  202.                                 <i class="fa fa-star"></i>
  203.                             </div>
  204.                         </div>
  205.                         <div class="lang__content">
  206.                             <img src="assets/img/germany.png" width="133" height="89" alt="Germany" />
  207.                             <h4>Germany</h4>
  208.                             <div class="star">
  209.                                 <i class="fa fa-star"></i>
  210.                                 <i class="fa fa-star"></i>
  211.                                 <i class="fa fa-star"></i>
  212.                             </div>
  213.                         </div>
  214.                     </div>
  215.                 </div><!-- End .section__content -->
  216.             </div><!-- End .section #3 -->
  217.         </div><!-- End .content -->
  218.     </div><!-- End .wrapper -->
  219. </body>
  220. </html>