11<!DOCTYPE html>
2- < html lang ="en ">
2+ < html lang ="en " xmlns:th =" http://www.thymeleaf.org " >
33< head >
4+ < link rel ="stylesheet " href ="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css " integrity ="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T " crossorigin ="anonymous ">
5+ < script src ="https://code.jquery.com/jquery-3.3.1.slim.min.js " integrity ="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo " crossorigin ="anonymous "> </ script >
6+ < script src ="https://cdn.jsdelivr.net/npm/popper.js@1.14.7/dist/umd/popper.min.js " integrity ="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1 " crossorigin ="anonymous "> </ script >
7+ < script src ="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/js/bootstrap.min.js " integrity ="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM " crossorigin ="anonymous "> </ script >
48 < meta charset ="UTF-8 ">
5- < title > Title</ title >
9+ < title > Home</ title >
10+ < link rel ="icon " th:href ="@{/icons/elephant2.png} ">
611</ head >
7- < body >
8- < h1 > INDEX</ h1 >
12+ < body style ="background-color: #dfdfe9; ">
13+ < div class ="my-4 container-fluid ">
14+ < div class ="row justify-content-center ">
15+ < div class ="col-11 col-xl-11 ">
16+ < div style ="background-color: white; border-radius: 25px; overflow: hidden ">
17+
18+ < nav class ="navbar navbar-expand-lg navbar-light ">
19+ < img alt ="elephant? " class ="d-block mx-5 " width ="75px " src ="../static/icons/elephant.png " th:src ="@{/icons/elephant.png} ">
20+ < a class ="display-4 " style ="color: black " href ="/index "> Elephant Express</ a >
21+ < button class ="navbar-toggler " type ="button " data-toggle ="collapse " data-target ="#navbarNavDropdown " aria-controls ="navbarNavDropdown " aria-expanded ="false " aria-label ="Toggle navigation ">
22+ < span class ="navbar-toggler-icon "> </ span >
23+ </ button >
24+ < div class ="collapse navbar-collapse " id ="navbarNavDropdown ">
25+ < ul class ="navbar-nav ml-auto ">
26+ < li class ="nav-item active ">
27+ < a class ="nav-link h4 " href ="/home "> Home < span class ="sr-only "> (current)</ span > </ a >
28+ </ li >
29+ < li class ="nav-item ">
30+ < a class ="nav-link h4 " href ="/order "> Order</ a >
31+ </ li >
32+ < li class ="nav-item dropdown ">
33+ < a class ="nav-link dropdown-toggle h4 " id ="navbarDropdownMenuLink " role ="button " data-toggle ="dropdown " aria-haspopup ="true " aria-expanded ="false " th:text ="${username} "> </ a >
34+ < div class ="dropdown-menu dropdown-menu-right p-0 " style ="border: none " aria-labelledby ="navbarDropdownMenuLink ">
35+ < a class ="dropdown-item mb-2 " th:attr ="href=${linkInOrAccount} " style ="background-color: #5700f7; color: white; border-radius: 25px " th:text ="${textInOrAccount} "> LogIn</ a >
36+ < a class ="dropdown-item " th:attr ="href=${linkOutOrUp} " style ="background-color: grey; color: white; border-radius: 25px " th:text ="${textOutOrUp} "> LogOut</ a >
37+ </ div >
38+ </ li >
39+ </ ul >
40+ </ div >
41+ </ nav >
42+ < hr class ="mx-3 " style ="background-color: #5700f7 ">
43+
44+ < div class ="row justify-content-center text-center ">
45+ < div class ="col-10 col-xl-5 ">
46+ < p class ="h3 font-weight-normal my-4 "> Быстро? Качественно? Elephant Express! </ p >
47+ < img alt ="map? " class ="mx-auto " width ="100% " src ="../static/images/map.png " th:src ="@{/images/map.png} ">
48+ < p class ="h3 font-weight-normal my-4 "> Во все населенные точки мира! </ p >
49+ < p class ="h3 font-weight-normal my-4 " style ="color: #5700f7 "> А иногда даже дальше... </ p >
50+ </ div >
51+ </ div >
52+ < hr class ="mx-3 ">
53+
54+ < div class ="row justify-content-center text-center mb-3 ">
55+ < div class ="col-10 col-xl-5 ">
56+ < p class ="h3 font-weight-normal my-3 "> Услуги, предоставляемые компанией </ p >
57+ < div class ="h4 font-weight-normal ">
58+ < img alt ="leaf? " class ="mx-auto " width ="30px " src ="../static/icons/leaf.png " th:src ="@{/icons/leaf.png} ">
59+ Логистика
60+ </ div >
61+ < div class ="h4 font-weight-normal ">
62+ < img alt ="leaf? " class ="mx-auto " width ="30px " src ="../static/icons/leaf.png " th:src ="@{/icons/leaf.png} ">
63+ Курьерские и почтовые доставки
64+ </ div >
65+ < div class ="h4 font-weight-normal ">
66+ < img alt ="leaf? " class ="mx-auto " width ="30px " src ="../static/icons/leaf.png " th:src ="@{/icons/leaf.png} ">
67+ Взаимодейтсвие с другими компаниями
68+ </ div >
69+ < p class ="h3 font-weight-normal my-4 " style ="color: #5700f7 "> Специалисты все сделают за вас! </ p >
70+ </ div >
71+ </ div >
72+
73+ < footer class ="footer py-3 " style ="background-color: #5700f7; color: white; border-radius: 25px ">
74+ < div class ="mx-5 ">
75+ < div class ="row justify-content-center text-center ">
76+ < div class ="col "> Contacts! Just in case...</ div >
77+ </ div >
78+ < div class ="row justify-content-center text-center ">
79+ < div class ="col-6 col-xl-3 "> Звягинцев М.Е.</ div >
80+ < div class ="col-6 col-xl-3 "> ИКБО-16-20</ div >
81+ < div class ="col-6 col-xl-3 ">
82+ < img alt ="vk? " class ="mx-auto " width ="30px " src ="../static/icons/vk.png " th:src ="@{/icons/vk.png} ">
83+ < a class ="text-light " href ="https://vk.com/max.zvyagincev "> vk.com/max.zvyagincev</ a >
84+ </ div >
85+ < div class ="col-6 col-xl-3 ">
86+ < img alt ="telegram? " class ="mx-auto " width ="30px " src ="../static/icons/telegram.png " th:src ="@{/icons/telegram.png} ">
87+ < a class ="text-light " href ="https://t.me/max_zvyagincev "> t.me/max_zvyagincev</ a >
88+ </ div >
89+ </ div >
90+ < div class ="row justify-content-center text-center ">
91+ < div class ="col-6 col-xl-3 ">
92+ < img alt ="github? " class ="mx-auto " width ="30px " src ="../static/icons/mail.png " th:src ="@{/icons/mail.png} ">
93+ maxim@zvyagincev.tk
94+ </ div >
95+ < div class ="col-6 col-xl-3 ">
96+ < img alt ="github? " class ="mx-auto " width ="30px " src ="../static/icons/mail.png " th:src ="@{/icons/mail.png} ">
97+ max.zvyagincev@gmail.com
98+ </ div >
99+ < div class ="col-6 col-xl-3 ">
100+ < img alt ="github? " class ="mx-auto " width ="30px " src ="../static/icons/github.png " th:src ="@{/icons/github.png} ">
101+ < a class ="text-light " href ="https://github.com/xPressed "> github.com/xPressed</ a >
102+ </ div >
103+ < div class ="col-6 col-xl-3 "> All rights reserved © 2021-2023</ div >
104+ </ div >
105+ </ div >
106+ </ footer >
107+ </ div >
108+ </ div >
109+ </ div >
110+ </ div >
9111</ body >
10112</ html >
0 commit comments