source: src/main/resources/templates/html/index.html@ 43c9090

Last change on this file since 43c9090 was 43c9090, checked in by macagaso <gasoskamarija@…>, 5 weeks ago

Updated version
  • Property mode set to 100644
File size: 9.4 KB
Line 
1<!DOCTYPE html>
2<html lang="en" xmlns:t="http://www.w3.org/1999/xhtml">
3<head>
4 <meta charset="UTF-8">
5 <title>Title</title>
6 <link rel="preconnect" href="https://fonts.googleapis.com">
7 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
8 <link href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Libre+Bodoni:ital,wght@0,400..700;1,400..700&display=swap" rel="stylesheet">
9 <link rel="preconnect" href="https://fonts.googleapis.com">
10 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
11 <link href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&family=Kumbh+Sans:wght@100..900&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Libre+Bodoni:ital,wght@0,400..700;1,400..700&display=swap" rel="stylesheet">
12 <link rel="preconnect" href="https://fonts.googleapis.com">
13 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
14 <link href="https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&family=Dancing+Script:wght@400..700&family=Kumbh+Sans:wght@100..900&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Libre+Bodoni:ital,wght@0,400..700;1,400..700&display=swap" rel="stylesheet">
15 <link rel="stylesheet" href="/css/index.css">
16 <script src="/js/cookie.js" defer></script>
17</head>
18<body>
19<header>
20 <div class="menu">
21 <div class="logo">
22 <!-- slikata i imeto-->
23 <img src="/images/viber_image_2024-07-30_21-57-13-658.png" alt="Logo">
24 <span>Јумеихо терапија</span>
25 </div>
26 <nav>
27 <ul class="items-info">
28 <li>
29 <span>Нашата нега</span>
30 <img class="icon-down" src="/images/down.png">
31 <div class="dropdown-content">
32 <p>Како изгледа еден јумеихо третман</p>
33 <p>Повеќе за третманот</p>
34 <p>Вашиот терапевт</p>
35 </div>
36 </li>
37 <li>
38 <span>Понуди и новости</span>
39 <img class="icon-down" src="/images/down.png">
40 </li>
41 <li>
42 <span>Корисни информации</span>
43 <img class="icon-down" src="/images/down.png">
44 <div class="dropdown-content">
45 <p>Најчесто поставувани прашања</p>
46 <p>Контакт и локација</p>
47 <p>Искуства</p>
48 </div>
49 </li>
50 <li>
51 <form action="/search" method="get" class="search-form">
52 <input type="text" name="query" placeholder="Search" class="search-input">
53 <img class="icon-search" src="/images/search.png"/>
54 </form>
55 </li>
56 </ul>
57
58 </nav>
59 </div>
60 <button id="authButton" style="display: none;"></button>
61</header>
62<div class="main-content">
63 <div class="title">Енергијата зборува <span class="split-title">погласно од зборовите...</span></div>
64 <img class="main-image" src="/images/heart.png"/>
65
66 <div id="adminSection" class="items-register">
67 <div class="white-part">
68 <p>Сакате да закажете термин за терапија?</p>
69 <div class="form-imp">
70 <span> Имате активна корисничка сметка?</span><br>
71 <button id="loginBtn" class="form-button">Логирање</button>
72 </div>
73 <div class="form-imp">
74 <span>Во спротивно потребно е истата да ја креирате</span><br>
75 <button id="signInBtn" class="form-button">Креирање сметка</button>
76 </div>
77 </div>
78 </div>
79 <div id="userSection" class="logged-in" style="display: none;" >
80 <div class="white-part">
81 <p id="personalised"></p>
82 <div id="links">
83 <a href="calendar.html"><img src="/images/down.png">Закажи термин</a>
84 <a href="terms.html"><img src="/images/down.png"> Мои термини</a>
85 <a href="editUser.html"><img src="/images/down.png"> Кориснички профил</a>
86 <a href="userInfo.html"><img src="/images/down.png"> Новости и купони</a>
87 </div>
88 </div>
89 </div>
90
91</div>
92
93<div class="part-1">
94 <div class="image-container">
95 <img class="puzzle" src="/images/viber_image_2024-08-02_16-45-10-968.png"/>
96 </div>
97 <div class="part1-text">
98 <ul>Јумеихо е мануелна терапија и се состои од три методи:
99 <li>Обработка на меки ткива(мускули)</li>
100 <li>Корекција(местење) на 'рбет и периферни зглобови</li>
101 <li>Акупресура(шијатсу) и истегања</li>
102 </ul>
103 Терапијата се спроведува во времетраење од 1 час и го опфаќа целото тело. Преку третманот темелно се пронаоѓа и отстранува причинителот на несаканата состојба со цел да не дојде до повторна болка.
104 </div>
105</div>
106<div class="part2">
107 <div>
108 <div class="part2-content">
109 <span class="head1">Заздравувањето започнува кај нас</span>
110 <span class="head2">Вистински одговори и прецизност уште од првиот третман</span>
111 <div class="content">
112 Јумеихо терапија е метод на подигнување на виталната енергија преку нормализирање на колковите,
113 комбинација од мудроста на јапонската и кинеската медицина со јапонска прецизност.
114 </div><br>
115 <span class="head2">Главна цел </span>
116 <div class="content">
117 Мобилизирање на самоисцелувачките сили во организмот преку поставување на ‘рбетниот столб, карлицата и сите зглобови во правилна положба.
118 </div><br>
119 <button class="text-button"> Зошто да изберете Јумеихо третман</button>
120 </div>
121 </div>
122 <div>
123 <img class="slika-chicho" src="/images/Screenshot%20(847).png"/>
124 </div>
125</div>
126
127
128<footer>
129 <div class="footer-content">
130 <div class="footer-left">
131 <span> Контактирајте нè!</span><br>
132 <span>Секогаш сме тука ви ја пружиме потребната нега. </span>
133 <p><img src="/images/telephone.png">+389 78 475 721</p>
134
135 <p><img src="/images/maps-and-flags.png">Булевар Илинден 160, Карпош (Влез 1, кат 4, стан 36)</p>
136
137 <ul class="icons">
138 <li><img src="/images/video.png"/></li>
139 <li><img src="/images/facebook.png"/></li>
140 <li><img src="/images/email.png"/></li>
141 </ul>
142 </div>
143 <div class="footer-right">
144 <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2109.8616021170824!2d21.392377633081306!3d42.0079182517295!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x135415d3afca10ed%3A0x9ea75bb8258c9bbb!2z0JHRg9C70LXQstCw0YAg0JjQu9C40L3QtNC10L0gMTYwLCDQodC60L7Qv9GY0LUgMTAwMA!5e0!3m2!1smk!2smk!4v1722853226192!5m2!1smk!2smk" width="400" height="300" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
145 </div>
146
147 </div>
148
149 <div id="loginForm" class="popup">
150 <div class="popup-content">
151 <span class="close-btn" id="closeBtn">&times;</span>
152 <h2>Логирање</h2>
153 <form class="dataForms" method="post">
154 <label for="username">Корисничко име:</label>
155 <input type="text" id="username" name="username" required>
156 <label for="password">Лозинка:</label>
157 <input type="password" id="password" name="password" required>
158 <button id="submit-btn" type="submit">Логирање</button>
159 </form>
160 </div>
161 </div>
162
163 <div id="signInForm" class="popup">
164 <div class="popup-content">
165 <span class="close-btn" id="closeSignInBtn">&times;</span>
166 <h2>Креирајте корисничка сметка</h2>
167 <form class="dataForms" method="post">
168 <div>
169 <label for="name">Име:</label>
170 <input type="name" id="name" name="name" required>
171 </div>
172 <div>
173 <label for="surname">Презиме:</label>
174 <input type="surname" id="surname" name="surname" required>
175 </div>
176 <div>
177 <label for="phone">Телефон:</label>
178 <input type="tel" id="phone" name="phone" placeholder="07_-___-___" required>
179 </div>
180 <div>
181 <label for="age">Датум на раѓање:</label>
182 <input type="date" id="age" name="age" required>
183 </div>
184 <div>
185 <label for="usernameSignIn">Корисничко име:</label>
186 <input type="username" id="usernameSignIn" name="username" required>
187 </div>
188 <div>
189 <label for="passwordSignIn">Лозинка:</label>
190 <input type="password" id="passwordSignIn" name="password" required>
191 </div>
192 </form>
193 <button id="create" type="submit">Креирај</button>
194 </div>
195 </div>
196</footer>
197<script type="module" src="/js/index.js"></script>
198</body>
199</html>
Note: See TracBrowser for help on using the repository browser.