Untitled
unknown
plain_text
5 years ago
7.0 kB
6
Indexable
<!DOCTYPE html>
<html lang="hr">
<head>
<meta charset="UTF-8">
<title>HTML vjezba</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/simplegrid.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;400;700&display=swap" rel="stylesheet">
</head>
<body>
<div class="row top-bar">
<div class="col-1">
<a href="index.html">
<img src="images/logo.svg" class="responsive" />
</a>
</div>
<div class="col-11">
<ul class="top-nav">
<li> <a href="#"> Naslovnica </a> </li>
<li> <a href="#"> O nama </a> </li>
<li> <a href="#"> Usluge </a> </li>
<li> <a href="#"> Blog </a> </li>
<li> <a href="#"> Kontakt </a> </li>
</ul>
</div>
</div>
<div class="row hero">
<div class="col-12">
<h1>Mi smo tvrtka koja se bavi edukacijom </h1>
<h3>Sve što radimo u Algebri, radimo jer vjerujemo da svatko mora pronaći ono što voli raditi i postati izvrstan u tome! </h3>
<a href="#" class="button"> Pogledaj više o nama </a>
</div>
</div>
<div class="row benefits">
<div class="col-12">
<div class="container">
<div class="row">
<div class="col-4">
<div class="row">
<div class="col-4">
<img src="images/dill.png" class="responsive" />
</div>
<div class="col-8">
<h3>Naslov benefita</h3>
<h5>Certificirani programi obrazovanja i upis</h5>
</div>
</div>
</div>
<div class="col-4">
<div class="row">
<div class="col-4">
<img src="images/limun.jpg" class="responsive" />
</div>
<div class="col-8">
<h3>Naslov benefita</h3>
<h5>Certificirani programi obrazovanja i upis</h5>
</div>
</div>
</div>
<div class="col-4">
<div class="row">
<div class="col-4">
<img src="images/limun.jpg" class="responsive" />
</div>
<div class="col-8">
<h3>Naslov benefita</h3>
<h5>Certificirani programi obrazovanja i upis</h5>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-4">
<div class="row">
<div class="col-4">
<img src="images/limun.jpg" class="responsive" />
</div>
<div class="col-8">
<h3>Naslov benefita</h3>
<h5>Certificirani programi obrazovanja i upis</h5>
</div>
</div>
</div>
<div class="col-4">
<div class="row">
<div class="col-4">
<img src="images/limun.jpg" class="responsive" />
</div>
<div class="col-8">
<h3>Naslov benefita</h3>
<h5>Certificirani programi obrazovanja i upis</h5>
</div>
</div>
</div>
<div class="col-4">
<div class="row">
<div class="col-4">
<img src="images/limun.jpg" class="responsive" />
</div>
<div class="col-8">
<h3>Naslov benefita</h3>
<h5>Certificirani programi obrazovanja i upis</h5>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row video-intro">
<div class="container">
<div class="row">
<div class="col-5">
<h3>Sve što radimo u Algebri, radimo jer vjerujemo da svatko mora pronaći ono što voli raditi i postati izvrstan u tome! </h3>
<a href="#" class="button"> Pogledaj više o nama </a>
</div>
<div class="col-7">
<iframe width="560" height="315" src="https://www.youtube.com/embed/ehClk9_8TBI" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
</div>
</div>
<div class="row programs">
<div class="container">
<div class="row">
<div class="col-12">
<h2>Naslov sekcije </h2>
</div>
</div>
<div class="row">
<div class="col-4">
<img src="images/limun.jpg" class="responsive" />
<h4> Podnslov </h4>
<p>Certificirani programi obrazovanja i upis zvanja u e-radnu knjižicu osigurat će vam konkurentnost na tržištu rada.</p>
</div>
<div class="col-4">
<img src="images/limun.jpg" class="responsive" />
<h4> Podnslov </h4>
<p>Certificirani programi obrazovanja i upis zvanja u e-radnu knjižicu osigurat će vam konkurentnost na tržištu rada.</p>
</div>
<div class="col-4">
<img src="images/limun.jpg" class="responsive" />
<h4> Podnslov </h4>
<p>Certificirani programi obrazovanja i upis zvanja u e-radnu knjižicu osigurat će vam konkurentnost na tržištu rada.</p>
</div>
</div>
<div class="row">
<div class="col-4">
<img src="images/limun.jpg" class="responsive" />
<h4> Podnslov </h4>
<p>Certificirani programi obrazovanja i upis zvanja u e-radnu knjižicu osigurat će vam konkurentnost na tržištu rada.</p>
</div>
<div class="col-4">
<img src="images/limun.jpg" class="responsive" />
<h4> Podnslov </h4>
<p>Certificirani programi obrazovanja i upis zvanja u e-radnu knjižicu osigurat će vam konkurentnost na tržištu rada.</p>
</div>
<div class="col-4">
<img src="images/limun.jpg" class="responsive" />
<h4> Podnslov </h4>
<p>Certificirani programi obrazovanja i upis zvanja u e-radnu knjižicu osigurat će vam konkurentnost na tržištu rada.</p>
</div>
</div>
</div>
</div>
<div class="row sign-up">
<div class="container">
<div class="row">
<div class="col-2">
</div>
<div class="col-8">
<form class="signup-form">
<div class="row">
<div class="col-8">
<input type="email" id="email" name="email">
</div>
<div class="col-4">
<input type="submit" value="Pošalji email!">
</div>
</div>
</form>
</div>
<div class="col-2">
</div>
</div>
</div>
</div>
<div class="row footer">
<div class="container">
<div class="row">
<div class="col-3">
<p>footer text 1 Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
<div class="col-3">
<p>footer text 1 Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
<div class="col-3">
<p>footer text 1 Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
<div class="col-3">
<p>footer text 1 Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</div>
</div>
</div>
<div class="row copyright">
<div class="container">
<p>Made by me </p>
</div>
</div>
</body>
</html>Editor is loading...