API tools faq
paste
Advertisement
SmaJli

Lab01 KI 2019

SmaJli
Apr 3rd, 2019
877
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 8.93 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.   <head>
  4.     <meta charset="UTF-8" />
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  6.     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  7.     <title>Document</title>
  8.     <link rel="stylesheet" href="css/bootstrap.min.css" />
  9.   </head>
  10.   <body>
  11.     <nav class="navbar navbar-expand-lg navbar-dark bg-dark ">
  12.       <div class="container">
  13.      
  14.         <div class="navbar-collapse" id="navigationBar">
  15.           <ul class="nav navbar-nav  navbar-left">
  16.             <li class="nav-item ">
  17.               <a class="nav-link" href="#">Home </a>
  18.             </li>
  19.             <li class="nav-item">
  20.               <a class="nav-link" href="#">About</a>
  21.             </li>
  22.             <li class="nav-item">
  23.               <a class="nav-link" href="#">Services</a>
  24.             </li>
  25.             <li class="nav-item">
  26.               <a class="nav-link" href="#">Contact</a>
  27.             </li>
  28.           </ul>
  29.         </div>
  30.       </div>
  31.     </nav>
  32.  
  33.     <div class="content">
  34.       <div class="container mt-5">
  35.         <div class="row  justify-content-center ">
  36.           <h2 class="mb-4">
  37.             Computer Science and Engineering
  38.             <small class="text-muted"
  39.              >"Ss. Cyril and Methodious" University - Skopje</small
  40.            >
  41.           </h2>
  42.         </div>
  43.  
  44.         <div class="row justify-content-center border-top pt-3">
  45.           <div class="card mb-3">
  46.             <div class="row no-gutters">
  47.               <div class="col-md-6">
  48.                 <img
  49.                  src="https://www.finki.ukim.mk/Content/dataFiles/downloads/IO1920x1080.jpg"
  50.                  class="card-img"
  51.                  alt="..."
  52.                />
  53.               </div>
  54.               <div class="col-md-6">
  55.                 <div class="card-body">
  56.                   <h3 class="card-title">Project One</h3>
  57.                   <h5 class="card-subtitle">Subheading</h5>
  58.                   <p class="card-text">
  59.                     Lorem ipsum dolor sit amet consectetur adipisicing elit.
  60.                     Placeat, animi eligendi! Ipsam, ea fuga cumque ut qui
  61.                     distinctio id nihil maxime deleniti, in incidunt temporibus,
  62.                     est asperiores repellendus quas accusamus dolorum harum.
  63.                   </p>
  64.                   <p class="card-text">
  65.                     <button class="btn btn-primary" type="submit">
  66.                       View Project &gt;
  67.                     </button>
  68.                   </p>
  69.                 </div>
  70.               </div>
  71.             </div>
  72.           </div>
  73.         </div>
  74.  
  75.         <div class="row justify-content-center border-top pt-3">
  76.           <div class="card mb-3">
  77.             <div class="row no-gutters">
  78.               <div class="col-md-6">
  79.                 <img
  80.                  src="https://www.finki.ukim.mk/Content/dataFiles/downloads/IO1920x1080.jpg"
  81.                  class="card-img"
  82.                  alt="..."
  83.                />
  84.               </div>
  85.               <div class="col-md-6">
  86.                 <div class="card-body">
  87.                   <h3 class="card-title">Project Two</h3>
  88.                   <h5 class="card-subtitle">Subheading</h5>
  89.                   <p class="card-text">
  90.                     Lorem ipsum dolor sit amet consectetur adipisicing elit.
  91.                     Placeat, animi eligendi! Ipsam, ea fuga cumque ut qui
  92.                     distinctio id nihil maxime deleniti, in incidunt temporibus,
  93.                     est asperiores repellendus quas accusamus dolorum harum.
  94.                   </p>
  95.                   <p class="card-text">
  96.                     <button class="btn btn-primary" type="submit">
  97.                       View Project &gt;
  98.                     </button>
  99.                   </p>
  100.                 </div>
  101.               </div>
  102.             </div>
  103.           </div>
  104.         </div>
  105.         <div class="row justify-content-center border-top pt-3">
  106.           <div class="card mb-3">
  107.             <div class="row no-gutters">
  108.               <div class="col-md-6">
  109.                 <img
  110.                  src="https://www.finki.ukim.mk/Content/dataFiles/downloads/IO1920x1080.jpg"
  111.                  class="card-img"
  112.                  alt="..."
  113.                />
  114.               </div>
  115.               <div class="col-md-6">
  116.                 <div class="card-body">
  117.                   <h3 class="card-title">Project Three</h3>
  118.                   <h5 class="card-subtitle">Subheading</h5>
  119.                   <p class="card-text">
  120.                     Lorem ipsum dolor sit amet consectetur adipisicing elit.
  121.                     Placeat, animi eligendi! Ipsam, ea fuga cumque ut qui
  122.                     distinctio id nihil maxime deleniti, in incidunt temporibus,
  123.                     est asperiores repellendus quas accusamus dolorum harum.
  124.                   </p>
  125.                   <p class="card-text">
  126.                     <button class="btn btn-primary" type="submit">
  127.                       View Project &gt;
  128.                     </button>
  129.                   </p>
  130.                 </div>
  131.               </div>
  132.             </div>
  133.           </div>
  134.         </div>
  135.         <div class="row justify-content-center border-top pt-3">
  136.           <div class="card mb-3">
  137.             <div class="row no-gutters">
  138.               <div class="col-md-6">
  139.                 <img
  140.                  src="https://www.finki.ukim.mk/Content/dataFiles/downloads/IO1920x1080.jpg"
  141.                  class="card-img"
  142.                  alt="..."
  143.                />
  144.               </div>
  145.               <div class="col-md-6">
  146.                 <div class="card-body">
  147.                   <h3 class="card-title">Project Four</h3>
  148.                   <h5 class="card-subtitle">Subheading</h5>
  149.                   <p class="card-text">
  150.                     Lorem ipsum dolor sit amet consectetur adipisicing elit.
  151.                     Placeat, animi eligendi! Ipsam, ea fuga cumque ut qui
  152.                     distinctio id nihil maxime deleniti, in incidunt temporibus,
  153.                     est asperiores repellendus quas accusamus dolorum harum.
  154.                   </p>
  155.                   <p class="card-text">
  156.                     <button class="btn btn-primary" type="submit">
  157.                       View Project &gt;
  158.                     </button>
  159.                   </p>
  160.                 </div>
  161.               </div>
  162.             </div>
  163.           </div>
  164.         </div>
  165.  
  166.         <div class="row justify-content-center border-top  py-3 ">
  167.           <div class="card mb-3">
  168.             <div class="row no-gutters">
  169.               <div class="col-md-6">
  170.                 <img
  171.                  src="https://www.finki.ukim.mk/Content/dataFiles/downloads/IO1920x1080.jpg"
  172.                  class="card-img"
  173.                  alt="..."
  174.                />
  175.               </div>
  176.               <div class="col-md-6">
  177.                 <div class="card-body">
  178.                   <h3 class="card-title">Project Five</h3>
  179.                   <h5 class="card-subtitle">Subheading</h5>
  180.                   <p class="card-text">
  181.                     Lorem ipsum dolor sit amet consectetur adipisicing elit.
  182.                     Placeat, animi eligendi! Ipsam, ea fuga cumque ut qui
  183.                     distinctio id nihil maxime deleniti, in incidunt temporibus,
  184.                     est asperiores repellendus quas accusamus dolorum harum.
  185.                   </p>
  186.                   <p class="card-text">
  187.                     <button class="btn btn-primary" type="submit">
  188.                       View Project &gt;
  189.                     </button>
  190.                   </p>
  191.                 </div>
  192.               </div>
  193.             </div>
  194.           </div>
  195.         </div>
  196.         <div class="row justify-content-center border-top border-bottom py-5 ">
  197.           <nav>
  198.             <ul class="pagination">
  199.               <li class="page-item">
  200.                 <a class="page-link" href="#"> &lt; </a>
  201.               </li>
  202.               <li class="page-item active">
  203.                 <a class="page-link" href="#">1</a>
  204.               </li>
  205.               <li class="page-item"><a class="page-link" href="#">2</a></li>
  206.               <li class="page-item"><a class="page-link" href="#">3</a></li>
  207.               <li class="page-item"><a class="page-link" href="#">4</a></li>
  208.               <li class="page-item"><a class="page-link" href="#">5</a></li>
  209.               <li class="page-item">
  210.                 <a class="page-link" href="#"> &gt; </a>
  211.               </li>
  212.             </ul>
  213.           </nav>
  214.         </div>
  215.       </div>
  216.     </div>
  217.  
  218.     <footer>
  219.       <nav class="navbar navbar-expand-lg bg-white">
  220.         <div class="container">
  221.           <div class="row pt-5 pb-2">
  222.             <span>Copyright &copy; Your Website 2019</span>
  223.           </div>
  224.         </div>
  225.       </nav>
  226.     </footer>
  227.  
  228.     <script src="js/jquery-3.2.1.slim.min.js"></script>
  229.     <script src="js/popper.min.js"></script>
  230.     <script src="js/bootstrap.js"></script>
  231.   </body>
  232. </html>
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!