source: src/main/resources/templates/index.html@ e5fefbd

Last change on this file since e5fefbd was e5fefbd, checked in by Anita Terziska <63020646+Nit4e@…>, 2 years ago

initial commit

  • Property mode set to 100644
File size: 8.7 KB
Line 
1<!doctype html>
2<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.w3.org/1999/xhtml"
3 xmlns="http://www.w3.org/1999/html">
4
5
6<head>
7 <meta charset="utf-8">
8 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
9 <title> MedWeb </title>
10
11 <link rel="shortcut icon" th:href="@{assets/images/favicon.ico}">
12 <link rel="stylesheet" th:href="@{assets/css/bootstrap.min.css}">
13 <link rel="stylesheet" th:href="@{assets/css/fontawsom-all.min.css}">
14 <link rel="stylesheet" th:href="@{assets/css/animate.css}">
15 <link rel="stylesheet" type="text/css" th:href="@{assets/css/style.css}" />
16</head>
17
18<body>
19
20 <!-- ################# Header Starts Here#######################--->
21 <header>
22 <div class="header-top">
23 <div class="container">
24 <div class="row">
25 <div class="col-lg-7 col-md-12 left-item">
26 <ul>
27 <li><i class="fas fa-envelope-square"></i> medweb@medweb.com</li>
28 <li><i class="fas fa-phone-square"></i> +389 987 887 765</li>
29 </ul>
30 </div>
31 <div class="col-lg-5 d-none d-lg-block right-item">
32 <ul>
33 <li><a><i class="fab fa-github"></i></a></li>
34 <li><a><i class="fab fa-google-plus-g"></i></a></li>
35 <li> <a><i class="fab fa-pinterest-p"></i></a></li>
36 <li><a><i class="fab fa-twitter"></i></a></li>
37 <li> <a><i class="fab fa-facebook-f"></i></a></li>
38 </ul>
39 </div>
40 </div>
41
42 </div>
43 </div>
44 <div id="nav-head" class="header-nav">
45 <div class="container">
46 <div class="row">
47 <div class="col-lg-2 col-md-3 no-padding col-sm-12 nav-img">
48 <img th:src="@{assets/images/logo-medweb.png}" alt="">
49
50 <a data-toggle="collapse" data-target="#menu" href="#menu" ><i class="fas d-block d-md-none small-menu fa-bars"></i></a>
51 </div>
52 <div id="menu" class="col-lg-8 col-md-9 d-none d-md-block nav-item">
53 <ul>
54 <li><a href="/home">Почетна</a></li>
55 <li><a href="about_us.html">За нас</a></li>
56 <li><a href="services.html">Контакт</a></li>
57 <li><a href="news.html">Новости</a></li>
58 <li><a href="gallery.html">Ковид 19</a></li>
59
60 </ul>
61 </div>
62 <div class="col-sm-2 d-none d-lg-block appoint">
63 <button class="btn btn-info">
64 <a href = "/login-doktor">
65 Најава на здраствено лице
66 </a>
67 </button>
68
69 <button class="btn btn-info">
70 <a href="/login-pacient">
71 Најава на пациент
72 </a>
73 </button>
74
75 <button class="btn btn-info">
76 <a href="/register">
77 Регистрирај се
78 </a>
79 </button>
80 </div>
81 </div>
82 </div>
83 </div>
84
85 </header>
86
87
88 <!-- ################# Slider Starts Here#######################--->
89
90 <div class="slider-detail">
91
92 <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
93 <ol class="carousel-indicators">
94 <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
95 <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
96 <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
97 </ol>
98 <div class="carousel-inner">
99 <div class="carousel-item ">
100 <img class="d-block w-100" th:src="@{assets/images/slider/slider_1.jpg}" alt="First slide">
101 <div class="carousel-caption fvgb d-none d-md-block">
102 <h5 class="animated bounceInDown"> MedWeb </h5>
103 <p class="animated bounceInLeft">Платформа за онлине закажување на здраствени термини</p>
104
105 <div class="row vbh">
106 <div class="btn btn-info animated bounceInUp">
107 <a th:href="@{/login-pacient}"> Закажи Термин </a>
108 </div>
109 </div>
110 </div>
111 </div>
112
113 <div class="carousel-item active">
114 <img class="d-block w-100" th:src="@{assets/images/slider/slider_3.jpg}" alt="Third slide">
115 <div class="carousel-caption vdg-cur d-none d-md-block">
116 <h5 class="animated bounceInDown"> MedWeb </h5>
117 <p>Платформа за онлине закажување на здраствени термини</p>
118
119 <div class="row vbh">
120
121 <div class="btn btn-info animated bounceInUp"> Закажи Термин </div>
122 </div>
123 </div>
124 </div>
125
126 </div>
127 <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
128 <span class="carousel-control-prev-icon" aria-hidden="true"></span>
129 <span class="sr-only">Previous</span>
130 </a>
131 <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
132 <span class="carousel-control-next-icon" aria-hidden="true"></span>
133 <span class="sr-only">Next</span>
134 </a>
135 </div>
136
137
138 </div>
139
140
141
142
143 <!-- ################# Footer Starts Here#######################--->
144
145
146 <footer class="footer">
147 <div class="container">
148 <div class="row">
149 <div class="col-md-4 col-sm-12">
150 <h2>About Us</h2>
151 <p>
152 Med Web веб платформата служи за закажување на здравствени прегледи во државните болници во Македонија.
153 </p>
154 </div>
155 <div class="col-md-4 col-sm-12">
156 <h2>Useful Links</h2>
157 <ul class="list-unstyled link-list">
158 <li><a ui-sref="about" href="#/about">About us</a><i class="fa fa-angle-right"></i></li>
159 <li><a ui-sref="contact" href="#/contact">Contact us</a><i class="fa fa-angle-right"></i></li>
160 </ul>
161 </div>
162 <div class="col-md-4 col-sm-12 map-img">
163 <h2>Contact Us</h2>
164 <address class="md-margin-bottom-40">
165
166 Phone: +389 987 887 765 <br>
167 Email: <a href="mailto:info@medweb.com" class="">info@medweb.com</a><br>
168 Web: <a href="smart-eye.html" class="">www.medweb.com</a>
169 </address>
170
171 </div>
172 </div>
173 </div>
174
175
176 </footer>
177 <div class="copy">
178 <div class="container">
179 <a href="https://www.smarteyeapps.com/">
180 2022 &copy; All Rights Reserved | Designed and Developed by Анита, Демет, Екатерина
181 </a>
182
183 <span>
184 <a><i class="fab fa-github"></i></a>
185 <a><i class="fab fa-google-plus-g"></i></a>
186 <a><i class="fab fa-pinterest-p"></i></a>
187 <a><i class="fab fa-twitter"></i></a>
188 <a><i class="fab fa-facebook-f"></i></a>
189 </span>
190 </div>
191
192 </div>
193
194</body>
195
196<script th:src="@{assets/js/jquery-3.2.1.min.js}"></script>
197<script th:src="@{assets/js/popper.min.js}"></script>
198<script th:src="@{assets/js/bootstrap.min.js}"></script>
199<script th:src="@{assets/plugins/scroll-fixed/jquery-scrolltofixed-min.js}"></script>
200<script th:src="@{assets/js/script.js}"></script>
201
202
203</html>
Note: See TracBrowser for help on using the repository browser.