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

Last change on this file was fdfbdde, checked in by Stojilkova Sara <sara.stojilkova.students.finki.ukim.mk>, 9 months ago

Initial commit

  • Property mode set to 100644
File size: 2.1 KB
RevLine 
[fdfbdde]1<!doctype html>
2<html lang="es" xmlns="http://www.w3.org/1999/xhtml"
3 xmlns:th="http://www.thymeleaf.org"
4 xmlns:sec="http://www.thymeleaf.org/extras/spring-security">
5<head>
6 <meta charset="utf-8">
7 <meta name="viewport" content="width=device-width, initial-scale=1">
8 <title>Home Page</title>
9 <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"
10 integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
11 <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap" rel="stylesheet">
12 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
13
14 <style>
15 body {
16 font-family: 'Poppins', sans-serif;
17 margin: 0;
18 padding: 0;
19 }
20
21 .hero {
22 background: linear-gradient(135deg, #ff6b6b, #0d0c65);
23 color: #FFFFFF;
24 padding: 150px 0;
25 text-align: center;
26 position: relative;
27 height: 100vh;
28 }
29
30 .hero h1 {
31 font-weight: 600;
32 font-size: 3rem;
33 margin-bottom: 20px;
34 letter-spacing: 2px;
35 }
36
37 .hero p {
38 font-weight: 400;
39 font-size: 1.2rem;
40 margin-bottom: 40px;
41 }
42
43
44
45 .footer {
46 background: linear-gradient(135deg, #ff6b6b, #0d0c65);
47 color: #FFFFFF;
48 padding: 20px 0;
49 text-align: center;
50 }
51
52
53 </style>
54
55</head>
56<body>
57
58<div th:insert="layout/navbar.html :: navbar"></div>
59
60<section class="hero" style="height: 130vh;">
61
62</section>
63
64<section class="footer" style="padding-top: 30px;">
65 <div class="container">
66 <p>&copy; 2023 Your STMA. All rights reserved.</p>
67 </div>
68</section>
69
70
71<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"
72 integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz"
73 crossorigin="anonymous"></script>
74</body>
75</html>
Note: See TracBrowser for help on using the repository browser.