API tools faq
paste
Advertisement
Guest User

index.html

a guest
Jan 16th, 2020
180
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 8.49 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"><script src="https://kit.fontawesome.com/c5f826c3a9.js" crossorigin="anonymous"></script>
  7.     <!-- JQuery -->
  8.     <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  9.     <!-- Bootstrap tooltips -->
  10.     <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.4/umd/popper.min.js"></script>
  11.     <!-- Bootstrap core JavaScript -->
  12.     <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
  13.     <!-- MDB core JavaScript -->
  14.     <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.10.1/js/mdb.min.js"></script>
  15.     <!-- Font Awesome -->
  16.     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css">
  17.     <!-- Bootstrap core CSS -->
  18.     <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
  19.     <!-- Material Design Bootstrap -->
  20.     <link href="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.10.1/css/mdb.min.css" rel="stylesheet">
  21.     <link rel="stylesheet" href="index.css">
  22.     <link rel="icon" href="slike/logoicon.ico">
  23.     <title>Đorđe Šević</title>
  24. </head>
  25. <body data-spy="scroll" data-target="#navbar1">
  26.     <div class="container-fluid bg d-flex align-items-center justify-content-center" id="pocetna">
  27.         <div class="text-center animated zoomIn slow">
  28.             <img class="rounded-circle img-responsive" src="slike/avatar.jpg" alt="">
  29.             <h1 class="font-italic p-4 display-3 font-weight-bold animated zoomIn">Šević Đorđe</h1>
  30.         </div>
  31.     </div>
  32.     <nav class="navbar navbar-expand-md sticky-top justify-content-center navbar-dark" id="navbar1">
  33.         <button class="navbar-toggler" type="button" data-toggle="collapse" data-target = "#collapsibleNavbar">
  34.             <span class="navbar-toggler-icon"></span>
  35.         </button>
  36.        
  37.         <div class="collapse navbar-collapse justify-content-center" id="collapsibleNavbar">
  38.             <a class="navbar-brand pr-4" href="#pocetna">
  39.                 <img src="slike/logo.png" alt="logo" style="width:80px;">
  40.             </a>
  41.             <ul class="navbar-nav">
  42.                 <li class="nav-item pr-4">
  43.                     <a class="nav-link" href="#o-meni">O MENI</a>
  44.                 </li>
  45.                 <li class="nav-item pr-4">
  46.                     <a class="nav-link" href="#edukacija">EDUKACIJA</a>
  47.                 </li>
  48.                 <li class="nav-item pr-4">
  49.                     <a class="nav-link" href="#vestine">VEŠTINE</a>
  50.                 </li>
  51.                 <li class="nav-item">
  52.                     <a class="nav-link" href="#iskustvo">ISKUSTVO</a>
  53.                 </li>
  54.             </ul>
  55.         </div>
  56.     </nav>
  57.     <div class="container text-center dpt" id="o-meni">
  58.         <h2 class="font-italic display-4 font-weight-bold">O meni</h2>
  59.         <p class="p-4">
  60.             Živim u Novom Sadu i imam dvadeset jednu godinu. Vrlo sam ambiciozona i energična osoba. Volim zabavu, smeh i druženje, ali kada se radi ozbiljno pristupam problemima i projektima sa kojima se susrećem i ne donosim olako odluke - tri put meri jednom seci! Pored strasti za inženjerstvom i programiranjem redovno se bavim i sportom. Treniram rvanje grčko-rimskim stilom, a pored toga volim da igram mali fudbal i košarku.
  61.         </p>
  62.         <div>
  63.             <div class="d-flex justify-content-center align-items-center"><i class="fas fa-home mr-3"></i> Sremska Kamenica, Svetozara Markovića 19</div>
  64.             <div class="d-flex justify-content-center align-items-center mt-3"><i class="fas fa-envelope mr-3"></i> sevicdjordje98@hotmail.com</div>
  65.             <div class="d-flex justify-content-center align-items-center mt-3"><i class="fas fa-mobile mr-3"></i> +381 66 956 14 32</div>
  66.         </div>      
  67.     </div>
  68.     <div class="container text-center dpt" id="edukacija">
  69.         <h2 class="font-italic display-4 font-weight-bold mt-4">Edukacija</h2>
  70.         <p class="p-4">
  71.             Završio sam osnovnu školu u Sremskoj Kamenici nakon čega sam upisao srednju medicinsku školu u Novom Sadu. Ubrzo sam shvatio da medicina neće biti nauka kojom ću se baviti tako da nakon završetka srednje škole upisujem FTN u Novom Sadu. Prvi put upisujem Primenjeno softversko inženjerstvo gde se nisam uspeo snaći, da bih 2019. godine saznao za smer Inženjerstvo informacionih sistema gde sam se pronašao u potpunosti.
  72.         </p>
  73.         <div class="card-deck">
  74.             <div class="card pt-4 wow zoomIn">
  75.                 <span class="circle rounded-circle mx-auto d-flex justify-content-center align-items-center" style="width: 150px; height: 150px;"><i class="fas fa-book" style="font-size: 30px;"></i></span>
  76.                 <div class="card-body text-center">
  77.                     <h4 class="card-title">Osnovna škola<br>"Jovan Jovanović Zmaj"<br>Sremska Kamenica<br>2005-2013</h4>
  78.                 </div>
  79.             </div>
  80.             <div class="card pt-4 wow zoomIn" data-wow-delay="0.5s">
  81.                 <span class="circle rounded-circle mx-auto d-flex justify-content-center align-items-center" style="width: 150px; height:150px;"><i class="fas fa-clinic-medical" style="font-size: 30px;"></i></span>
  82.                 <div class="card-body text-center">
  83.                     <h4 class="card-title">Srednja medicinska škola<br>"7. aprli"<br>Novi Sad<br>2013-2017</h4>
  84.                 </div>
  85.             </div>
  86.             <div class="card pt-4 wow zoomIn" data-wow-delay="1s">
  87.                 <span class="circle rounded-circle mx-auto d-flex justify-content-center align-items-center" style="width: 150px; height: 150px;"><i class="fas fa-desktop" style="font-size: 30px;"></i></span>
  88.                 <div class="card-body text-center">
  89.                     <h4 class="card-title">Univerzitet u Novom Sadu<br>Fakultet tehničkih nauka<br>Inž. inf. sistema<br>2019-2023</h4>
  90.                 </div>
  91.             </div>
  92.           </div>
  93.     </div>
  94.     <div class="container text-center dpt" id="vestine">
  95.         <h2 class="font-italic display-4 font-weight-bold mt-4">Veštine</h2>
  96.         <p class="p-4">
  97.             Vešto baratam tehnologijama i frejmvorcima za razvoj web aplikacija kao što su ASP.NET, Angular 8, Bootstrap 4... I tehnolgijama za razvoj desktop aplikacija poput WPF aplikacija. Takođe solidno poznajem razvijanje mobilnih aplikacija i rad sa bazama podataka.
  98.         </p>
  99.         <h4>Web development</h4>
  100.         <div class="progress prog">
  101.             <div class="progress-bar bg-success progress-bar-striped progress-bar-animated" style="width:90%"></div>
  102.         </div>
  103.         <br>
  104.         <h4>Desktop development</h4>
  105.         <div class="progress prog">
  106.             <div class="progress-bar bg-success progress-bar-striped progress-bar-animated" style="width:95%"></div>
  107.         </div>
  108.         <br>
  109.         <h4>Mobile development</h4>
  110.         <div class="progress prog">
  111.             <div class="progress-bar bg-success progress-bar-striped progress-bar-animated" style="width:85%"></div>
  112.         </div>
  113.     </div>
  114.     <div class="container text-center dpt" id="iskustvo">
  115.         <h2 class="font-italic display-4 font-weight-bold mt-4">Iskustvo</h2>
  116.         <p>
  117.             Nemam neko veliko iskustvo, planiram da apliciram prvo za praksu u nekoj firmi pa nakon toga možda i za stipendiju. Još uvek se školujem, ali stalno samostalno tražim male projekte kako bih se unapređivao što u programerskom smislu što u poslovnom odnosu sa ljudima.
  118.         </p>
  119.     </div>
  120.     <div class="container-fluid footer d-flex justify-content-center p-5" style="margin-top:120px;">
  121.         <div class="text-center">
  122.             <a href="https://sr-rs.facebook.com/sevic.djordje" target="blank"><i class="fab fa-facebook p-2 white-text"></i></a>
  123.             <a href="https://www.instagram.com/__zorz__/" target="blank"><i class="fab fa-instagram p-2 white-text"></i></a>
  124.             <a href="https://www.linkedin.com/in/%C4%91or%C4%91e-%C5%A1evi%C4%87-28bb1919a/" target="blank"><i class="fab fa-linkedin-in p-2 white-text"></i></a>
  125.             <br>
  126.             <span id="copyright">&copy Copyright Đorđe Šević</span>
  127.        </div>
  128.    </div>
  129.    <script>
  130.        new WOW().init();
  131.     </script>
  132. </body>
  133. </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!