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

Last change on this file was 2d8c0e7, checked in by KostaFortumanov <kfortumanov@…>, 3 years ago

home page

  • Property mode set to 100644
File size: 2.2 KB
RevLine 
[5577566]1<!DOCTYPE html>
2<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
3<head>
4 <meta charset="UTF-8"/>
5 <meta name="viewport" content="width=device-width, initial-scale=1"/>
6 <title>Home</title>
7 <!-- Bootstrap core CSS -->
8 <link href="css/bootstrap.min.css" rel="stylesheet"/>
9 <link href="css/carousel.css" rel="stylesheet"/>
10 <meta name="theme-color" content="#7952b3"/>
11</head>
12<body class="text-center">
13<header th:replace="common/navbar :: navbar"></header>
14<main>
15 <!-- START THE FEATURETTES -->
16
17 <hr class="featurette-divider">
18
19 <div class="row featurette">
20 <div class="col-md-7">
[2d8c0e7]21 <h1 class="featurette-heading">Make an impact</h1>
22 <p class="lead">For a happy society donate today</p>
[5577566]23 </div>
24 <div class="col-md-5">
[2d8c0e7]25 <img th:src="@{/image/happypeople.jpg}" width="700px" height="500px">
[5577566]26
27 </div>
28 </div>
29
30 <hr class="featurette-divider">
31
32 <div class="row featurette">
33 <div class="col-md-7 order-md-2">
[2d8c0e7]34 <h2 class="featurette-heading">How do you know that your money goes to the right place?</h2>
35 <p class="lead">We have a team of moderators working day and night to make sure that help is received where help is needed</p>
[5577566]36 </div>
37 <div class="col-md-5 order-md-1">
[2d8c0e7]38 <img th:src="@{/image/moderators.jpg}" width="700px" height="500px">
[5577566]39 </div>
40 </div>
41
42 <hr class="featurette-divider">
43
44 <div class="row featurette">
45 <div class="col-md-7">
[2d8c0e7]46 <h2 class="featurette-heading">Donate today</h2>
47 <a th:href="@{/album?page=1&sort=id&order=desc&groupBy=all}" class="btn btn-warning">Go to posts now</a>
[5577566]48 </div>
49 <div class="col-md-5">
[2d8c0e7]50 <img th:src="@{/image/donatenow.jpg}" width="700px" height="500px">
[5577566]51 </div>
52 </div>
53
54 <hr class="featurette-divider">
55
56 <!-- /END THE FEATURETTES -->
57
58 </div><!-- /.container -->
59
60
61 <!-- FOOTER -->
62 <footer class="container">
63
64 </footer>
65</main>
66<script src="/js/bootstrap.min.js"></script>
67</body>
68</html>
Note: See TracBrowser for help on using the repository browser.