API tools faq
paste
Advertisement
Guest User

reeeee

a guest
Feb 17th, 2019
87
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 6.47 KB | None | 0 0
raw download clone embed print report
  1.  
  2.   <!-- Portfolio Modal 1 -->
  3.   <div class="portfolio-modal mfp-hide" id="portfolio-modal-1">
  4.     <div class="portfolio-modal-dialog bg-white">
  5.       <a class="close-button d-none d-md-block portfolio-modal-dismiss" href="#">
  6.         <i class="fa fa-3x fa-times"></i>
  7.       </a>
  8.       <div class="container text-center">
  9.         <div class="row">
  10.           <div class="col-lg-8 mx-auto">
  11.             <h2 class="text-secondary text-uppercase mb-0">Project Name</h2>
  12.             <hr class="star-dark mb-5">
  13.             <img class="img-fluid mb-5" src="img/portfolio/cabin.png" alt="">
  14.             <p class="mb-5">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia neque assumenda ipsam nihil, molestias magnam, recusandae quos quis inventore quisquam velit asperiores, vitae? Reprehenderit soluta, eos quod consequuntur itaque. Nam.</p>
  15.             <a class="btn btn-primary btn-lg rounded-pill portfolio-modal-dismiss" href="#">
  16.               <i class="fa fa-close"></i>
  17.               Close Project</a>
  18.           </div>
  19.         </div>
  20.       </div>
  21.     </div>
  22.   </div>
  23.  
  24.   <!-- Portfolio Modal 2 -->
  25.   <div class="portfolio-modal mfp-hide" id="portfolio-modal-2">
  26.     <div class="portfolio-modal-dialog bg-white">
  27.       <a class="close-button d-none d-md-block portfolio-modal-dismiss" href="#">
  28.         <i class="fa fa-3x fa-times"></i>
  29.       </a>
  30.       <div class="container text-center">
  31.         <div class="row">
  32.           <div class="col-lg-8 mx-auto">
  33.             <h2 class="text-secondary text-uppercase mb-0">Project Name</h2>
  34.             <hr class="star-dark mb-5">
  35.             <img class="img-fluid mb-5" src="img/portfolio/cake.png" alt="">
  36.             <p class="mb-5">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia neque assumenda ipsam nihil, molestias magnam, recusandae quos quis inventore quisquam velit asperiores, vitae? Reprehenderit soluta, eos quod consequuntur itaque. Nam.</p>
  37.             <a class="btn btn-primary btn-lg rounded-pill portfolio-modal-dismiss" href="#">
  38.               <i class="fa fa-close"></i>
  39.               Close Project</a>
  40.           </div>
  41.         </div>
  42.       </div>
  43.     </div>
  44.   </div>
  45.  
  46.   <!-- Portfolio Modal 3 -->
  47.   <div class="portfolio-modal mfp-hide" id="portfolio-modal-3">
  48.     <div class="portfolio-modal-dialog bg-white">
  49.       <a class="close-button d-none d-md-block portfolio-modal-dismiss" href="#">
  50.         <i class="fa fa-3x fa-times"></i>
  51.       </a>
  52.       <div class="container text-center">
  53.         <div class="row">
  54.           <div class="col-lg-8 mx-auto">
  55.             <h2 class="text-secondary text-uppercase mb-0">Project Name</h2>
  56.             <hr class="star-dark mb-5">
  57.             <img class="img-fluid mb-5" src="img/portfolio/circus.png" alt="">
  58.             <p class="mb-5">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia neque assumenda ipsam nihil, molestias magnam, recusandae quos quis inventore quisquam velit asperiores, vitae? Reprehenderit soluta, eos quod consequuntur itaque. Nam.</p>
  59.             <a class="btn btn-primary btn-lg rounded-pill portfolio-modal-dismiss" href="#">
  60.               <i class="fa fa-close"></i>
  61.               Close Project</a>
  62.           </div>
  63.         </div>
  64.       </div>
  65.     </div>
  66.   </div>
  67.  
  68.   <!-- Portfolio Modal 4 -->
  69.   <div class="portfolio-modal mfp-hide" id="portfolio-modal-4">
  70.     <div class="portfolio-modal-dialog bg-white">
  71.       <a class="close-button d-none d-md-block portfolio-modal-dismiss" href="#">
  72.         <i class="fa fa-3x fa-times"></i>
  73.       </a>
  74.       <div class="container text-center">
  75.         <div class="row">
  76.           <div class="col-lg-8 mx-auto">
  77.             <h2 class="text-secondary text-uppercase mb-0">Project Name</h2>
  78.             <hr class="star-dark mb-5">
  79.             <img class="img-fluid mb-5" src="img/portfolio/game.png" alt="">
  80.             <p class="mb-5">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia neque assumenda ipsam nihil, molestias magnam, recusandae quos quis inventore quisquam velit asperiores, vitae? Reprehenderit soluta, eos quod consequuntur itaque. Nam.</p>
  81.             <a class="btn btn-primary btn-lg rounded-pill portfolio-modal-dismiss" href="#">
  82.               <i class="fa fa-close"></i>
  83.               Close Project</a>
  84.           </div>
  85.         </div>
  86.       </div>
  87.     </div>
  88.   </div>
  89.  
  90.   <!-- Portfolio Modal 5 -->
  91.   <div class="portfolio-modal mfp-hide" id="portfolio-modal-5">
  92.     <div class="portfolio-modal-dialog bg-white">
  93.       <a class="close-button d-none d-md-block portfolio-modal-dismiss" href="#">
  94.         <i class="fa fa-3x fa-times"></i>
  95.       </a>
  96.       <div class="container text-center">
  97.         <div class="row">
  98.           <div class="col-lg-8 mx-auto">
  99.             <h2 class="text-secondary text-uppercase mb-0">Project Name</h2>
  100.             <hr class="star-dark mb-5">
  101.             <img class="img-fluid mb-5" src="img/portfolio/safe.png" alt="">
  102.             <p class="mb-5">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia neque assumenda ipsam nihil, molestias magnam, recusandae quos quis inventore quisquam velit asperiores, vitae? Reprehenderit soluta, eos quod consequuntur itaque. Nam.</p>
  103.             <a class="btn btn-primary btn-lg rounded-pill portfolio-modal-dismiss" href="#">
  104.               <i class="fa fa-close"></i>
  105.               Close Project</a>
  106.           </div>
  107.         </div>
  108.       </div>
  109.     </div>
  110.   </div>
  111.  
  112.   <!-- Portfolio Modal 6 -->
  113.   <div class="portfolio-modal mfp-hide" id="portfolio-modal-6">
  114.     <div class="portfolio-modal-dialog bg-white">
  115.       <a class="close-button d-none d-md-block portfolio-modal-dismiss" href="#">
  116.         <i class="fa fa-3x fa-times"></i>
  117.       </a>
  118.       <div class="container text-center">
  119.         <div class="row">
  120.           <div class="col-lg-8 mx-auto">
  121.             <h2 class="text-secondary text-uppercase mb-0">Project Name</h2>
  122.             <hr class="star-dark mb-5">
  123.             <img class="img-fluid mb-5" src="img/portfolio/submarine.png" alt="">
  124.             <p class="mb-5">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia neque assumenda ipsam nihil, molestias magnam, recusandae quos quis inventore quisquam velit asperiores, vitae? Reprehenderit soluta, eos quod consequuntur itaque. Nam.</p>
  125.             <a class="btn btn-primary btn-lg rounded-pill portfolio-modal-dismiss" href="#">
  126.               <i class="fa fa-close"></i>
  127.               Close Project</a>
  128.           </div>
  129.         </div>
  130.       </div>
  131.     </div>
  132.   </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!