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

Last change on this file was 850b344, checked in by Tamara Simikj <tamara.simic12@…>, 2 years ago

Initial commit

  • Property mode set to 100644
File size: 5.3 KB
RevLine 
[850b344]1<!DOCTYPE html>
2<html lang="en">
3<head>
4 <meta charset="UTF-8">
5 <title>About</title>
6
7 <link href="https://bootswatch.com/5/journal/bootstrap.css" rel="stylesheet">
8 <script src="https://bootswatch.com/_assets/css/custom.min.css"></script>
9 <script src="https://bootswatch.com/_vendor/prismjs/themes/prism-okaidia.css"></script>
10 <script src="https://bootswatch.com/_vendor/font-awesome/css/font-awesome.min.css"></script>
11 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
12</head>
13<body>
14<div th:replace="layout.html ::header"></div>
15
16<div class="chooseus spad set-bg" data-setbg="/assets/about-us-bg.png">
17 <div class="container">
18 <div class="row d-flex justify-content-center">
19 <div class="col-lg-8 text-center">
20 <div class="chooseus__text">
21 <div class="section-title">
22 <br><br>
23 <h5>WHY CHOOSE US</h5>
24 <h2>The salon beautyCenter has been at the forefront of skin care and beauty since 2020.</h2>
25 </div>
26
27 <th:block th:if="${session.user==null}">
28 <a class="btn btn-primary btn-lg" href="/register">Register Now</a>
29 </th:block>
30
31 <th:block th:if="${session.user!=null}">
32 <a class="btn btn-primary btn-lg justify-content-center" href="/makeAppointment">Make a
33 reservation now</a>
34 </th:block>
35 </div>
36 </div>
37 </div>
38 </div>
39</div>
40
41<section class="about spad">
42 <div class="container">
43 <div class="about__content">
44 <div class="row">
45 <div class="col-lg-5">
46 <div class="section-title">
47 <h5 class="text-primary">Our Specializations</h5>
48 <h2>Welcome to beautyCenter</h2>
49 </div>
50 </div>
51 </div>
52 </div>
53 <div class="row text-justify">
54 <div class="col-lg-4 col-md-4 col-sm-6">
55 <div class="services__item">
56 <img height="150px" src="https://cdn.mos.cms.futurecdn.net/ksUvX7Lr5cFyfhScfS6VyB.png"
57 width="250px">
58 <h4>Hair Services </h4>
59 <p>We offer a variety of hair services such as trimming, wedding hair styles, curling, botox
60 treatments.</p>
61 </div>
62 </div>
63 <div class="col-lg-4 col-md-4 col-sm-6 container">
64 <div class="services__item">
65 <img height="150px"
66 src="https://media.istockphoto.com/photos/portrait-of-young-afro-woman-with-bright-makeup-picture-id1331637318?b=1&k=20&m=1331637318&s=170667a&w=0&h=0i4Viz3mAqNm9Pz1b6tnUKqpp6zHQb_OvPFsnHSOUh4=" width="250px">
67 <h4>Make up</h4>
68 <p>Even if you don't want to spend a lot of money on make up, we got you covered.
69 We have the best artists in the area with lower prices than you can imagine.</p>
70 </div>
71 </div>
72 <div class="col-lg-4 col-md-4 col-sm-6">
73 <div class="services__item">
74 <img height="150px"
75 src="https://www.msccollege.edu/wp-content/uploads/2020/12/what-is-aromatherapy-1024x680.jpg" width="250px">
76 <h4>Massage</h4>
77 <p>Who doesn't want to relax after a busy week!? We are here to make you enjoy!</p>
78 </div>
79 </div>
80 <div class="col-lg-4 col-md-4 col-sm-6">
81 <div class="services__item">
82 <img height="150px"
83 src="https://www.thelist.com/img/gallery/why-getting-pedicures-may-be-damaging-your-feet/how-to-stay-safe-while-getting-a-pretty-pedicure-1644019242.jpg" width="250px">
84 <h4>Pedicure</h4>
85 <p>We provide pedicure with massage that will make your feet glow.</p>
86 </div>
87 </div>
88 <div class="col-lg-4 col-md-4 col-sm-6">
89 <div class="services__item">
90 <img height="150px" src="https://cdn1.treatwell.net/images/view/v2.i784919.w1472.h981.x19481829.jpg"
91 width="250px">
92 <h4>Manicure</h4>
93 <p>Every woman deserves tidy and fresh done nails. Come and get yours done by our professionals and
94 get a
95 free hand massage.</p>
96 </div>
97 </div>
98 <div class="col-lg-4 col-md-4 col-sm-6">
99 <div class="services__item">
100 <img height="150px"
101 src="https://post.healthline.com/wp-content/uploads/2019/08/HL-197081-Whats_the_Difference_Between_Sugaring_and_Waxing-732x549-thumbnail.jpg" width="250px">
102 <h4>Waxing</h4>
103 <p>The summer is coming closer ever day! Experience our gentle wax that will leave your hands shiny
104 and soft.</p>
105 </div>
106 </div>
107 </div>
108 </div>
109
110
111</section>
112<br><br>
113
114<div th:replace="layout.html ::footer"></div>
115</body>
116</html>
Note: See TracBrowser for help on using the repository browser.