source: src/main/resources/templates/html/index.html@ 743de55

Last change on this file since 743de55 was 743de55, checked in by macagaso <gasoskamarija@…>, 6 weeks ago

Initial commit
  • Property mode set to 100644
File size: 8.8 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</head>
17<body>
18<header>
19 <div class="menu">
20 <div class="logo">
21 <!-- slikata i imeto-->
22 <img src="/images/viber_image_2024-07-30_21-57-13-658.png" alt="Logo">
23 <span>Јумеихо терапија</span>
24 </div>
25 <nav>
26 <ul class="items-info">
27 <li>
28 <span>Нашата нега</span>
29 <img class="icon-down" src="/images/down.png">
30 <div class="dropdown-content">
31 <p>Како изгледа еден јумеихо третман</p>
32 <p>Повеќе за третманот</p>
33 <p>Вашиот терапевт</p>
34 </div>
35 </li>
36 <li>
37 <span>Понуди и новости</span>
38 <img class="icon-down" src="/images/down.png">
39 </li>
40 <li>
41 <span>Корисни информации</span>
42 <img class="icon-down" src="/images/down.png">
43 <div class="dropdown-content">
44 <p>Најчесто поставувани прашања</p>
45 <p>Контакт и локација</p>
46 <p>Искуства</p>
47 </div>
48 </li>
49 <li>
50 <form action="/search" method="get" class="search-form">
51 <input type="text" name="query" placeholder="Search" class="search-input">
52 <img class="icon-search" src="/images/search.png"/>
53 </form>
54 </li>
55 </ul>
56
57 </nav>
58 </div>
59</header>
60
61
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 <a href="calendar.html">Закажи термин</a>
83 <a href="terms.html">Мои термини</a>
84 <a href="editUser.html">Кориснички профил</a>
85 </div>
86 </div>
87
88</div>
89
90<div class="part-1">
91 <div class="image-container">
92 <img class="puzzle" src="/images/viber_image_2024-08-02_16-45-10-968.png"/>
93 </div>
94 <div class="part1-text">
95 <ul>Јумеихо е мануелна терапија и се состои од три методи:
96 <li>Обработка на меки ткива(мускули)</li>
97 <li>Корекција(местење) на 'рбет и периферни зглобови</li>
98 <li>Акупресура(шијатсу) и истегања</li>
99 </ul>
100 Терапијата се спроведува во времетраење од 1 час и го опфаќа целото тело. Преку третманот темелно се пронаоѓа и отстранува причинителот на несаканата состојба со цел да не дојде до повторна болка.
101 </div>
102</div>
103<div class="part2">
104 <div>
105 <div class="part2-content">
106 <span class="head1">Заздравувањето започнува кај нас</span>
107 <span class="head2">Вистински одговори и прецизност уште од првиот третман</span>
108 <div class="content">
109 Јумеихо терапија е метод на подигнување на виталната енергија преку нормализирање на колковите,
110 комбинација од мудроста на јапонската и кинеската медицина со јапонска прецизност.
111 </div><br>
112 <span class="head2">Главна цел </span>
113 <div class="content">
114 Мобилизирање на самоисцелувачките сили во организмот преку поставување на ‘рбетниот столб, карлицата и сите зглобови во правилна положба.
115 </div><br>
116 <button class="text-button"> Зошто да изберете Јумеихо третман</button>
117 </div>
118 </div>
119 <div>
120 <img class="slika-chicho" src="/images/Screenshot%20(847).png"/>
121 </div>
122</div>
123
124
125<footer>
126 <div class="footer-content">
127 <div class="footer-left">
128 <span> Контактирајте нè!</span><br>
129 <span>Секогаш сме тука ви ја пружиме потребната нега. </span>
130 <p><img src="/images/telephone.png">+389 78 475 721</p>
131
132 <p><img src="/images/maps-and-flags.png">Булевар Илинден 160, Карпош (Влез 1, кат 4, стан 36)</p>
133
134 <ul class="icons">
135 <li><img src="/images/video.png"/></li>
136 <li><img src="/images/facebook.png"/></li>
137 <li><img src="/images/email.png"/></li>
138 </ul>
139 </div>
140 <div class="footer-right">
141 <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>
142 </div>
143
144 </div>
145
146 <div id="loginForm" class="popup">
147 <div class="popup-content">
148 <span class="close-btn" id="closeBtn">&times;</span>
149 <h2>Логирање</h2>
150 <form class="dataForms" method="post">
151 <label for="username">Корисничко име:</label>
152 <input type="text" id="username" name="username" required>
153 <label for="password">Лозинка:</label>
154 <input type="password" id="password" name="password" required>
155 <button type="submit">Логирање</button>
156 </form>
157 </div>
158 </div>
159
160 <div id="signInForm" class="popup">
161 <div class="popup-content">
162 <span class="close-btn" id="closeSignInBtn">&times;</span>
163 <h2>Креирајте корисничка сметка</h2>
164 <form class="dataForms" method="post">
165 <label for="name">Име:</label>
166 <input type="name" id="name" name="name" required>
167 <label for="surname">Презиме:</label>
168 <input type="surname" id="surname" name="surname" required>
169 <label for="phone">Телефон:</label>
170 <input type="tel" id="phone" name="phone" placeholder="07_-___-___" required>
171 <label for="age">Датум на раѓање:</label>
172 <input type="date" id="age" name="age" required>
173 <label for="usernameSignIn">Корисничко име:</label>
174 <input type="username" id="usernameSignIn" name="username" required>
175 <label for="passwordSignIn">Лозинка:</label>
176 <input type="password" id="passwordSignIn" name="password" required>
177 <button type="submit">Креирај</button>
178 </form>
179 </div>
180 </div>
181</footer>
182<script type="module" src="/js/index.js"></script>
183</body>
184</html>
Note: See TracBrowser for help on using the repository browser.