Index: frontend/index.html
===================================================================
--- frontend/index.html	(revision c164f8f00c59f28d9cb253011c0a27c7471171ee)
+++ frontend/index.html	(revision c164f8f00c59f28d9cb253011c0a27c7471171ee)
@@ -0,0 +1,130 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="Cross-Origin-Opener-Policy" content="unsafe-none">
+
+    <title>GlobeGuru</title>
+    <link rel="stylesheet" href="css.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <link rel="icon" type="image/x-icon" href="images/GLOBE.png">
+</head>
+<body>
+<div id="g_id_onload"
+     data-client_id="376204422797-s8f05nn6drmec1cko2h4kg1nk24abgc9.apps.googleusercontent.com"
+     data-context="signin"
+     data-ux_mode="popup"
+     data-login_uri="http://localhost:8000/"
+     data-callback="handleCredentialResponse"
+     data-auto_prompt="false">
+</div>
+
+<div class="top-right">
+    <button id="loginButton" class="login-button" onclick="openLoginPopup()">Login</button>
+    <button id="logoutButton" class="login-button" style="display:none;" onclick="logout()">Logout</button>
+    <button id="adminPanelButton" class="login-button" style="display:none;" onclick="goToAdminPanel()">Admin Panel</button>
+</div>
+<div class="sidebar">
+    <div class="logo">
+        <img src="images/GLOBE.png" height="235" width="235"/>
+    </div>
+    <div class="searchBar">
+        <form id="form-id">
+            <label for="destination">Дестинација</label>
+            <input type="text" id="destination" name="destination" placeholder="Име на хотел/Град или Држава">
+            <label for="departureDate">Датум на поаѓање</label>
+            <input type="date" id="departureDate" name="departureDate">
+            <label for="Nights">Број на ноќи</label>
+            <input type="number" id="Nights" name="nightsNumber">
+            <input type="submit" class="button" value="Пребарај" >
+        </form>
+    </div>
+    <button id="savedTripsButton" style="display:none;" class="button">Зачувани патувања</button>
+    <button class="button" style="width: 50px; height: 50px; margin-right: auto; display: none;" onclick="openAccountDetails()" id="accBtn"> <i class="fa fa-light fa-user fa-2x"></i></button>
+</div>
+<div class="content">
+    <div id="givenOptions">
+        <!-- populated with JS response -->
+    </div>
+</div>
+<div id="savedTripsOverlay" class="overlay">
+    <div class="overlay-content">
+        <span class="close">&times;</span>
+        <div class="saved-trips-container">
+            <h2>Saved Trips</h2>
+            <div id="savedTripsList"></div>
+        </div>
+        <div class="price-changes-container">
+            <h2>Price Changes</h2>
+            <div id="priceChangesList"></div>
+        </div>
+    </div>
+</div>
+
+<div id="loginPopup" class="popup">
+    <div class="popup-content">
+        <span class="close" onclick="closeLoginPopup()">&times;</span>
+        <h2>Login</h2>
+        <form id="loginForm">
+            <label for="email">Email:</label>
+            <input type="email" id="email" name="email" required>
+            <label for="password">Password:</label>
+            <input type="password" id="password" name="password" autocomplete="on" required>
+            <button type="submit" class="button">Login</button>
+            <div class="g_id_signin"
+                 data-type="icon"
+                 data-shape="square"
+                 data-theme="filled_blue"
+                 data-text="signin_with"
+                 data-size="large" style="margin-left: auto;margin-right: auto;width: 44px;">
+            </div>
+            <p>Don't have an account? <a href="#" onclick="openRegisterPopup()">Register</a></p>
+        </form>
+        <div id="loginResponse" class="response"></div>
+    </div>
+</div>
+
+<div id="registerPopup" class="popup">
+    <div class="popup-content">
+        <span class="close" onclick="closeRegisterPopup()">&times;</span>
+        <h2>Register</h2>
+        <form id="registerForm">
+            <label for="username">Username:</label>
+            <input type="text" id="username" name="username" required>
+            <label for="email">Email:</label>
+            <input type="email" id="email-reg" name="email" required>
+            <label for="password">Password:</label>
+            <input type="password" id="pass-reg" name="password"  autocomplete="on" required>
+            <button type="submit" class="button">Register</button>
+        </form>
+        <div id="registerResponse" class="response"></div>
+    </div>
+</div>
+
+<div id="loadingOverlay" class="loading-overlay">
+    <div class="loading-content">
+        <div class="spinner"></div>
+        <p>Loading, please wait...</p>
+    </div>
+</div>
+<div id="AccountDetailsOverlay" class="popup accDetails">
+    <div class="popup-content">
+        <h1>My account</h1>
+        <div class="popup-content" style="display: none" id="confDel">
+            <div class="delete" >
+                <h1>Are you sure you want to delete your account?</h1>
+                <button onclick="deleteAccount()" class="button" id="confirmDelete" style="background-color: red">Yes</button>
+                <button id="cancel" class="button" onclick="closeConfirmDelete()">No</button>
+            </div>
+        </div>
+        <button class="button" id="pswdChange">Change password</button>
+        <button class="button" style="background-color: red" id="deleteAcc" onclick="confirmDelete()">Delete Account</button>
+    </div>
+</div>
+<script src="js/formHandler.js"></script>
+<script src="js/loginHandler.js"></script>
+<script src="js/siteFlow.js"></script>
+<script src="https://accounts.google.com/gsi/client" async defer></script>
+
+</body>
+</html>
