"git@git.cs.vt.edu:danieljk/actual-vt-capstone.git" did not exist on "1c68c3f964c7e26e19821588eb80ea944cad796c"
Newer
Older
<template>
<header>
<div class="overlay">
<h1>Switch Room</h1>
<h3>Reasons for Choosing US</h3>
<p>
Wanna to pay for hotel for traveling? Switch Room provide the local
rooms for you. No need to pay rental. You can switch your living home
with other people who want to travel to your place.
</p>
<br />
<router-link to="/login">
<button>READ MORE</button>
</router-link>
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
</div>
</header>
</template>
<script lang="ts"></script>
<style scoped>
* {
padding: 0;
margin: 0;
box-sizing: border-box;
}
body {
height: 900px;
}
header {
background: url("@/assets/mainPage/headerPhoto.jpeg");
text-align: center;
width: 100%;
height: auto;
background-size: cover;
background-attachment: fixed;
position: relative;
overflow: hidden;
border-radius: 0 0 85% 85% / 30%;
}
header .overlay {
width: 100%;
height: 100%;
padding: 50px;
color: #fff;
text-shadow: 1px 1px 1px #333;
background-image: linear-gradient(135deg, #b3d1ff 10%, #fd5e086b 100%);
}
h1 {
font-family: "Dancing Script", cursive;
font-size: 80px;
margin-bottom: 30px;
}
h3,
p {
font-family: "Open Sans", sans-serif;
margin-bottom: 30px;
}
button {
border: none;
outline: none;
padding: 10px 20px;
border-radius: 50px;
color: #333;
background: #fff;
margin-bottom: 50px;
box-shadow: 0 3px 20px 0 #0000003b;
}
button:hover {
cursor: pointer;
}
</style>