Skip to content
GitLab
Error occurred when fetching sidebar data

added form page

Merged Goran Gelevski requested to merge form into projet-1
Compare
and
1 file
+ 131
- 0
vraboti.html 0 → 100644
+ 131
- 0
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Vraboti Student</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Arimo:wght@400;500&family=Italiana&family=Roboto:wght@500;700&display=swap" rel="stylesheet">
<!-- Latest compiled and minified Bootstrap 4.6 CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
<!-- CSS script -->
<link rel="stylesheet" href="./style.css">
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
<!-- Latest Font-Awesome CDN -->
<script src="https://kit.fontawesome.com/28cef21c8a.js" crossorigin="anonymous"></script>
</head>
<body class="bg-orange">
<!-- NAV-BAR -->
<nav class="navbar bg-warning p-2">
<a href="./index.html"><div class="text-center ml-5" id="logo"><img class="" src="./images/Logo.png" alt="">
<h5 class="bold">brainster</h5></div></a>
<ul class="nav-links bold">
<li class="">
<a class="nav-link text-uppercase ml-5" href="https://marketpreneurs.brainster.co" target="_blank">академија за маркетинг</a>
</li>
<li class="">
<a class="nav-link text-uppercase" href="https://codepreneurs.brainster.co" target="_blank">академија за програмирање</a>
</li>
<li class="">
<a class="nav-link text-uppercase" href="#">академија за data science</a>
</li>
<li class="">
<a class="nav-link text-uppercase" href="https://design.brainster.co" target="_blank">академија за дизајн</a>
</li>
</ul>
<div class="cta-button">
<a href="vraboti.html" class="button text-white text-capitalize p-3 mr-5">вработи наш студент</a>
</div>
<div class="mobile-menu-icon">
<img class="burger-menu" src="./images/burger-meu-.webp" alt="">
</div>
</nav>
<div class="mobile-menu">
<div class="close-button"><i class="fa-solid fa-square-xmark fa-2x"></i></div>
<ul class="mobile-nav-links">
<li><a href="#">академија за маркетинг</a></li>
<li><a href="#">академија за програмирање</a></li>
<li><a href="#">академија за data science</a></li>
<li><a href="#">академија за дизајн</a></li>
<li>
<a href="vraboti.html" class="button text-white text-capitalize p-3">вработи наш студент</a></li>
</ul>
</div>
<!-- NAV-BAR -->
<!-- FORM -->
<div class="container py-4">
<div class="row mt-5">
<h1 class=" col-12 text-capitalize text-center bold proekti mt-3 mb-5">вработи студенти</h1>
</div>
<div class="row mt-5">
<div class="col-12 col-lg-6">
<form action="#" method="post">
<div class="form-row text-capitalize">
<label for="name">име и презиме</label>
<input type="text" id="name" placeholder="вашето име и презиме" name="name" required>
</div>
<div class="form-row text-capitalize">
<label for="email">контакт и-мејл</label>
<input type="email" id="email" placeholder="контакт и-мејл на вашата компанија" name="email" required>
</div>
<div class="row">
<div class="custom-select-wrapper">
<label class="bold text-capitalize" for="select">тип на студенти</label>
<div class="custom-select py-4 row" onclick="toggleOptions()">
<div class="col-10 bold text-capitalize">избери тип на студент</div>
<div class="col-1"><i class="fa-solid fa-check custom-icon"></i></div>
</div>
<div class="custom-options">
<div class="custom-option" onclick="selectOption(1)">студенти од програмирање</div>
<div class="custom-option" onclick="selectOption(2)">студенти од маркетинг</div>
<div class="custom-option" onclick="selectOption(3)">студенти од data science</div>
<div class="custom-option" onclick="selectOption(4)">студенти од дизајн</div>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-6">
<div class="form-row text-capitalize">
<label for="company">име на компанија</label>
<input type="text" id="company" placeholder="име на вашата компанија" name="company" required>
</div>
<div class="form-row text-capitalize margin">
<label for="phone">контакт телефон</label>
<input type="tel" id="phone" placeholder="контакт телефон на вашата компанија" name="phone" required>
</div>
<div class="form-row">
<button type="submit" value="submit" class="btn-block button text-white text-uppercase bold p-4 mt-4 hover-red">испрати</button>
</div>
</form>
</div>
</div>
</div>
<!-- FORM -->
<!-- FOOTER -->
<div class="row footer bg-black">
<div class="col-12 text-center text-warning mt-3"><p class="text-uppercase">made by <span><i class="fa-solid fa-brain ml-2 mr-2"></i></span>Goran Gelevski </p></div>
</div>
<!-- FOOTER -->
<!-- jQuery library -->
<script src="./script.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="ha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<!-- Latest Compiled Bootstrap 4.6 JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.min.js" integrity="sha384-+sLIOodYLS7CIrQpBjl+C7nPvqq+FbNUBDunl/OZv93DB7Ln/533i8e/mZXLi/P+" crossorigin="anonymous"></script>
\ No newline at end of file