From 6c5897a0a39b0651dbc512f3395370e28a3dbc8b Mon Sep 17 00:00:00 2001
From: ALeksandra Dukadinoska <ane.dukadinoska123@gmail.com>
Date: Sun, 17 Dec 2023 21:34:29 +0100
Subject: [PATCH] Added Contact Page with Form

---
 starter-files/contact.html               | 235 +++++++++++++++++++++++
 starter-files/css/components/_form.scss  | 141 ++++++++++++++
 starter-files/css/components/_index.scss |   1 +
 starter-files/css/main.css               | 119 ++++++++++++
 starter-files/css/main.css.map           |   2 +-
 5 files changed, 497 insertions(+), 1 deletion(-)
 create mode 100644 starter-files/contact.html
 create mode 100644 starter-files/css/components/_form.scss

diff --git a/starter-files/contact.html b/starter-files/contact.html
new file mode 100644
index 0000000..53fe1fd
--- /dev/null
+++ b/starter-files/contact.html
@@ -0,0 +1,235 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>Brainster Labs - Contact</title>
+    <!-- Required meta tags -->
+    <meta charset="utf-8" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1, shrink-to-fit=no"
+    />
+
+    <!-- Bootstrap CSS v5.2.1 -->
+    <link
+      href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css"
+      rel="stylesheet"
+      integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN"
+      crossorigin="anonymous"
+    />
+    <link rel="stylesheet" href="./css/main.css" />
+  </head>
+
+  <body>
+    <!-- Navbar -->
+    <header>
+      <nav class="navbar">
+        <a href="./index.html" class="logo"
+          ><img src="../Design/logo (2).png" alt="Brainster Logo"
+        /></a>
+
+        <ul class="nav-menu">
+          <li class="nav-item">
+            <a
+              href="https://brainster.co/marketing/"
+              class="nav-link"
+              target="_blank"
+              >Академија за маркетинг</a
+            >
+          </li>
+          <li class="nav-item">
+            <a
+              href="https://brainster.co/full-stack/"
+              class="nav-link"
+              target="_blank"
+              >Академија за програмирање</a
+            >
+          </li>
+          <li class="nav-item">
+            <a
+              href="https://brainster.co/data-science/"
+              class="nav-link"
+              target="_blank"
+              >Академија за data science</a
+            >
+          </li>
+          <li class="nav-item">
+            <a
+              href="https://brainster.co/graphic-design/"
+              class="nav-link"
+              target="_blank"
+              >Академија за дизајн</a
+            >
+          </li>
+          <a href="contact.html" class="button">Вработи наш студент</a>
+        </ul>
+
+        <div class="hamburger">
+          <span class="bar one"></span>
+          <span class="bar two"></span>
+          <span class="bar three"></span>
+        </div>
+      </nav>
+    </header>
+
+    <!-- Form -->
+    <div class="container_form">
+      <h1>Вработи студенти</h1>
+      <form
+        class="row g-4 needs-validation"
+        novalidate
+        action="./form.php"
+        method="POST"
+      >
+        <div class="col-12 col-md-6">
+          <label for="name" class="form-label">Име и презиме</label>
+          <input
+            type="text"
+            class="form-control"
+            id="name"
+            name="name"
+            value=""
+            required
+            placeholder="Вашето име и презиме"
+          />
+          <div class="valid-feedback">Одлично!</div>
+          <div class="invalid-feedback">
+            Ве молиме внесето го нашето име и презиме!
+          </div>
+        </div>
+
+        <div class="col-12 col-md-6">
+          <label for="company" class="form-label">Име на компанија</label>
+          <input
+            type="text"
+            class="form-control"
+            name="company"
+            id="company"
+            value=""
+            required
+            placeholder="Име на вашата компанија"
+          />
+          <div class="valid-feedback">Одлично!</div>
+          <div class="invalid-feedback">
+            Ве молиме внесето го името на вашата компанија!
+          </div>
+        </div>
+
+        <div class="col-12 col-md-6">
+          <label for="email" class="form-label">Контакт имејл</label>
+          <input
+            type="email"
+            class="form-control"
+            name="email"
+            id="email"
+            value=""
+            required
+            placeholder="Контакт имејл на вашата компанија"
+          />
+          <div class="valid-feedback">Одлично!</div>
+          <div class="invalid-feedback">Ве молиме внесете валиден имејл!</div>
+        </div>
+
+        <div class="col-12 col-md-6">
+          <label for="phone" class="form-label">Контакт телефон</label>
+          <input
+            type="tel"
+            class="form-control"
+            name="phone"
+            id="phone"
+            value=""
+            required
+            placeholder="Контакт телефон на вашата компанија"
+          />
+          <div class="valid-feedback">Одлично!</div>
+          <div class="invalid-feedback">Ве молиме внесете валиден број!</div>
+        </div>
+
+        <div class="col-12 col-md-6">
+          <label for="student-type" class="form-label">Тип на студенти</label>
+          <select
+            class="form-select"
+            name="student-type"
+            id="student-type"
+            required
+          >
+            <option selected disabled hidden value="">
+              Изберете тип на студент
+            </option>
+            <option value="marketing">Студенти од маркетинг</option>
+            <option value="coding">Студенти од програмирање</option>
+            <option value="data-science">Студенти од data science</option>
+            <option value="design">Студенти од дизајн</option>
+          </select>
+          <div class="invalid-feedback">Ве молиме изберете тип на студент!</div>
+          <div class="valid-feedback">Одлично!</div>
+        </div>
+
+        <div class="col-12 col-md-6">
+          <button class="btn" type="submit">ИСПРАТИ</button>
+        </div>
+      </form>
+    </div>
+
+    <!-- Footer -->
+    <footer>
+      <p>Изработено со ❤️ од студентите на Brainster</p>
+    </footer>
+
+    <!-- Responsive Navbar -->
+    <script>
+      const hamburger = document.querySelector(".hamburger");
+      const navMenu = document.querySelector(".nav-menu");
+
+      hamburger.addEventListener("click", () => {
+        hamburger.classList.toggle("active");
+        navMenu.classList.toggle("active");
+      });
+
+      document.querySelectorAll(".nav-link").forEach((n) =>
+        n.addEventListener("click", () => {
+          hamburger.classList.remove("active");
+          navMenu.classList.remove("active");
+        })
+      );
+    </script>
+
+    <!-- Form Validation -->
+    <script>
+      (() => {
+        "use strict";
+
+        // Fetch all the forms we want to apply custom Bootstrap validation styles to
+        const forms = document.querySelectorAll(".needs-validation");
+
+        // Loop over them and prevent submission
+        Array.from(forms).forEach((form) => {
+          form.addEventListener(
+            "submit",
+            (event) => {
+              if (!form.checkValidity()) {
+                event.preventDefault();
+                event.stopPropagation();
+              }
+
+              form.classList.add("was-validated");
+            },
+            false
+          );
+        });
+      })();
+    </script>
+
+    <!-- Bootstrap JavaScript Libraries -->
+    <script
+      src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js"
+      integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
+      crossorigin="anonymous"
+    ></script>
+
+    <script
+      src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js"
+      integrity="sha384-BBtl+eGJRgqQAUMxJ7pMwbEyER4l1g+O15P+16Ep7Q9Q+zqX6gSbd85u4mG4QzX+"
+      crossorigin="anonymous"
+    ></script>
+  </body>
+</html>
diff --git a/starter-files/css/components/_form.scss b/starter-files/css/components/_form.scss
new file mode 100644
index 0000000..5b74add
--- /dev/null
+++ b/starter-files/css/components/_form.scss
@@ -0,0 +1,141 @@
+@use "../abstracts/variables" as var;
+@use "../abstracts/mixins" as mix;
+@use 'sass:math';
+
+.container_form{
+    background-color:  var.$background-color-base;
+    padding-top: var.$gutter-base * 30 ;
+    padding-bottom: var.$gutter-base * 40;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+    
+
+   
+    @include mix.tablet-styles{
+        padding-top: var.$gutter-base * 30 ;
+        padding-bottom: var.$gutter-base * 40;
+    }
+    @include mix.mobile-l-styles{
+        padding-top: var.$gutter-base * 20;
+        padding-bottom: var.$gutter-base * 10;
+    }
+    
+    h1{
+        text-align: center;
+        font-weight: bold;
+        font-size: 50px;
+        margin-bottom: var.$gutter-base * 20;
+
+        @include mix.mobile-l-styles{
+            font-size: 35px;
+            margin-bottom: var.$gutter-base * 6;
+        }
+    }
+
+    form{
+       
+        width: 70%;
+        @include mix.mobile-l-styles{
+            width: 95%;
+        }
+        @include mix.tablet-styles{
+            width: 90%;
+        }
+
+        .valid-feedback, .invalid-feedback{
+            font-style: italic;
+        }
+    }
+
+    
+    .form-control{
+        width: 100%;
+        border-radius: 5px;
+        border: 0;
+        padding: (var.$gutter-base * 2.5) (var.$gutter-base * 3);
+        outline: 0;
+
+      
+
+        &::-webkit-input-placeholder{
+            font-style: italic;
+            font-size: 14px;
+        }
+
+        &:hover{
+          box-shadow: 0 0 20px lightblue;
+        }
+    }
+
+    .form-label{
+        font-weight: bold;
+        margin-bottom: var.$gutter-base;
+    }
+  
+    .btn{
+        background-color: var.$background-color-btn;
+        color: var.$text-color-primary;
+        width: 100%;
+        font-weight: bold;
+        padding: (var.$gutter-base * 2) (var.$gutter-base * 3);
+        margin-top: var.$gutter-base * 6;
+
+        &:hover{
+            box-shadow: 0 0 20px rgba(0, 0, 0, 0.302);
+            transform: scale(1.02);
+            transition: 0.5s;
+        }
+
+       
+
+        @include mix.mobile-l-styles{
+            margin-top: var.$gutter-base * 35;
+        }
+    }
+    .was-validated{
+        .btn{
+            margin-top: var.$gutter-base * 5.5;
+            
+            @include mix.mobile-l-styles{
+                margin-top: var.$gutter-base * 35;
+            }
+        }
+
+    }
+
+    select{
+        width: 100%;
+        border-radius: 5px;
+        border: 0;
+        padding:(var.$gutter-base * 2.5) (var.$gutter-base * 3);
+        font-weight: bold;
+        appearance: none;
+        font-size: 14px;
+
+
+        &:hover, &:focus{
+            box-shadow: 0 0 20px lightblue;
+        }
+        
+
+        option{
+            font-weight: bold;
+            margin-bottom: var.$gutter-base * 2;
+            border-radius: 5px;
+
+            &:hover{
+              background-color: lightgrey;
+            }
+
+            
+
+            &:not(:last-child){
+                border-bottom: 1px solid gray;
+            }
+        }
+    }
+
+}
+
diff --git a/starter-files/css/components/_index.scss b/starter-files/css/components/_index.scss
index 4084eb4..9586389 100644
--- a/starter-files/css/components/_index.scss
+++ b/starter-files/css/components/_index.scss
@@ -3,3 +3,4 @@
 @forward "./filters";
 @forward "./projects";
 @forward "./footer";
+@forward "./form";
diff --git a/starter-files/css/main.css b/starter-files/css/main.css
index a013565..8a7f025 100644
--- a/starter-files/css/main.css
+++ b/starter-files/css/main.css
@@ -584,4 +584,123 @@ footer p {
   footer p {
     font-size: 13px;
   }
+}
+
+.container_form {
+  background-color: #FCD232;
+  padding-top: 9.375rem;
+  padding-bottom: 12.5rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+}
+@media (max-width: 769px) {
+  .container_form {
+    padding-top: 9.375rem;
+    padding-bottom: 12.5rem;
+  }
+}
+@media (max-width: 426px) {
+  .container_form {
+    padding-top: 6.25rem;
+    padding-bottom: 3.125rem;
+  }
+}
+.container_form h1 {
+  text-align: center;
+  font-weight: bold;
+  font-size: 50px;
+  margin-bottom: 6.25rem;
+}
+@media (max-width: 426px) {
+  .container_form h1 {
+    font-size: 35px;
+    margin-bottom: 1.875rem;
+  }
+}
+.container_form form {
+  width: 70%;
+}
+@media (max-width: 426px) {
+  .container_form form {
+    width: 95%;
+  }
+}
+@media (max-width: 769px) {
+  .container_form form {
+    width: 90%;
+  }
+}
+.container_form form .valid-feedback, .container_form form .invalid-feedback {
+  font-style: italic;
+}
+.container_form .form-control {
+  width: 100%;
+  border-radius: 5px;
+  border: 0;
+  padding: 0.78125rem 0.9375rem;
+  outline: 0;
+}
+.container_form .form-control::-webkit-input-placeholder {
+  font-style: italic;
+  font-size: 14px;
+}
+.container_form .form-control:hover {
+  box-shadow: 0 0 20px lightblue;
+}
+.container_form .form-label {
+  font-weight: bold;
+  margin-bottom: 0.3125rem;
+}
+.container_form .btn {
+  background-color: #FD1201;
+  color: white;
+  width: 100%;
+  font-weight: bold;
+  padding: 0.625rem 0.9375rem;
+  margin-top: 1.875rem;
+}
+.container_form .btn:hover {
+  box-shadow: 0 0 20px rgba(0, 0, 0, 0.302);
+  transform: scale(1.02);
+  transition: 0.5s;
+}
+@media (max-width: 426px) {
+  .container_form .btn {
+    margin-top: 10.9375rem;
+  }
+}
+.container_form .was-validated .btn {
+  margin-top: 1.71875rem;
+}
+@media (max-width: 426px) {
+  .container_form .was-validated .btn {
+    margin-top: 10.9375rem;
+  }
+}
+.container_form select {
+  width: 100%;
+  border-radius: 5px;
+  border: 0;
+  padding: 0.78125rem 0.9375rem;
+  font-weight: bold;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  font-size: 14px;
+}
+.container_form select:hover, .container_form select:focus {
+  box-shadow: 0 0 20px lightblue;
+}
+.container_form select option {
+  font-weight: bold;
+  margin-bottom: 0.625rem;
+  border-radius: 5px;
+}
+.container_form select option:hover {
+  background-color: lightgrey;
+}
+.container_form select option:not(:last-child) {
+  border-bottom: 1px solid gray;
 }/*# sourceMappingURL=main.css.map */
\ No newline at end of file
diff --git a/starter-files/css/main.css.map b/starter-files/css/main.css.map
index 215897f..163f3da 100644
--- a/starter-files/css/main.css.map
+++ b/starter-files/css/main.css.map
@@ -1 +1 @@
-{"version":3,"sources":["core/_custom-font.scss","core/_reboot.scss","main.css","components/_navbar.scss","abstracts/_variables.scss","abstracts/_mixins.scss","components/_banner.scss","components/_filters.scss","components/_projects.scss","components/_footer.scss"],"names":[],"mappings":"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","file":"main.css"}
\ No newline at end of file
+{"version":3,"sources":["core/_custom-font.scss","core/_reboot.scss","main.css","components/_navbar.scss","abstracts/_variables.scss","abstracts/_mixins.scss","components/_banner.scss","components/_filters.scss","components/_projects.scss","components/_footer.scss","components/_form.scss"],"names":[],"mappings":"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","file":"main.css"}
\ No newline at end of file
-- 
GitLab