Feat: remove unused sections from landing page
This commit is contained in:
gold-dev
@@ -95,68 +95,6 @@ import jimmyScaled from '@/assets/img/jimmy-scaled.jpg';
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<main>
|
||||
|
||||
<section class="login-section">
|
||||
<div class="wrapper">
|
||||
<div class="sidebar">
|
||||
<h1>Kundelogin</h1>
|
||||
<p>Truckwash.io – digitale løsninger til lastbilvask</p>
|
||||
</div>
|
||||
<div class="main">
|
||||
<a href="#" class="logo">
|
||||
<img :src="logo" alt="Truck Wash">
|
||||
</a>
|
||||
<form action="">
|
||||
<div class="form-field">
|
||||
<label for="user">Brugernavn (telefonnummer)</label>
|
||||
<input type="text" id="user" name="user">
|
||||
</div>
|
||||
<div class="form-field">
|
||||
<label for="password">Password</label>
|
||||
<input type="password" id="password" name="password">
|
||||
</div>
|
||||
<div class="form-field">
|
||||
<label><input type="checkbox" id="remember" name="remember">Husk mig</label>
|
||||
</div>
|
||||
<button class="submit">Login</button>
|
||||
<p>Har din virksomhed ikke en konto endnu? <a href="#">Opret her</a></p>
|
||||
</form>
|
||||
<p>Ved at klikke ”Login” accepterer du truckwash.io terms of service og privacy policy</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="login-section">
|
||||
<div class="wrapper">
|
||||
<div class="sidebar">
|
||||
<h1>Operatør login</h1>
|
||||
<p>Truckwash.io – digitale løsninger til lastbilvask</p>
|
||||
</div>
|
||||
<div class="main">
|
||||
<a href="#" class="logo">
|
||||
<img :src="logo" alt="Truck Wash">
|
||||
</a>
|
||||
<form action="">
|
||||
<div class="form-field">
|
||||
<label for="user">Brugernavn (telefonnummer)</label>
|
||||
<input type="text" id="user" name="user">
|
||||
</div>
|
||||
<div class="form-field">
|
||||
<label for="password">Password</label>
|
||||
<input type="password" id="password" name="password">
|
||||
</div>
|
||||
<div class="form-field">
|
||||
<label><input type="checkbox" id="remember" name="remember">Husk mig</label>
|
||||
</div>
|
||||
<button class="submit">Login</button>
|
||||
<p>Har din vaskehal ikke en konto endnu <a href="#">Opret her</a></p>
|
||||
</form>
|
||||
<p>Ved at klikke ”Login” accepterer du truckwash.io terms of service og privacy policy</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
</template>
|
||||
|
||||
|
||||
@@ -323,148 +261,4 @@ import jimmyScaled from '@/assets/img/jimmy-scaled.jpg';
|
||||
}
|
||||
}
|
||||
/* end text-image*/
|
||||
|
||||
/*login-section*/
|
||||
|
||||
.login-section .wrapper{
|
||||
display: flex;
|
||||
align-items: stretch;
|
||||
min-height: calc(100vh - 132px)
|
||||
}
|
||||
|
||||
.login-section .wrapper .sidebar{
|
||||
width: 33%;
|
||||
background-color: #13324C;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 70px 20px;
|
||||
}
|
||||
|
||||
.login-section .wrapper .sidebar h1{
|
||||
color: #fff;
|
||||
margin-top: auto;
|
||||
margin-bottom: auto;
|
||||
font-size: 3.8em;
|
||||
font-weight: 600;
|
||||
text-align: center;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.login-section .wrapper .sidebar p{
|
||||
color: #fff;
|
||||
font-size: 2em;
|
||||
font-weight: 600;
|
||||
text-align: center;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.login-section .wrapper .main{
|
||||
width: 67%;
|
||||
padding: 70px 20px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.login-section .wrapper .main .logo{
|
||||
display: flex;
|
||||
max-width: 230px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.login-section .wrapper .main .logo img{
|
||||
width: 100%;
|
||||
height: auto;
|
||||
aspect-ratio: 183/32;
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
.login-section .wrapper .main form{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 16px;
|
||||
max-width: 400px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.login-section .wrapper .main form .form-field{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
.login-section .wrapper .main form .form-field label{
|
||||
color: #13324C;
|
||||
font-size: 16px;
|
||||
line-height: 1;
|
||||
display: flex;
|
||||
gap: 16px;
|
||||
}
|
||||
|
||||
.login-section .wrapper .main form input{
|
||||
border: 1.5px solid #333;
|
||||
border-radius: 8px;
|
||||
margin-top: 4px;
|
||||
font-size: 16px;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.login-section .wrapper .main form input:not([type="checkbox"]) {
|
||||
min-height: 40px;
|
||||
}
|
||||
|
||||
.login-section .wrapper .main p{
|
||||
max-width: 400px;
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
color: #13324C;
|
||||
}
|
||||
|
||||
.login-section .wrapper .main a{
|
||||
text-decoration: underline;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.login-section .wrapper .main .submit{
|
||||
width: 100%;
|
||||
border-radius: 30px;
|
||||
background-color: #13324C;
|
||||
border: 0;
|
||||
color: #fff;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 16px;
|
||||
min-height: 43px;
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
@media (max-width: 1250px) {
|
||||
.login-section .wrapper .sidebar h1{
|
||||
font-size: 2.3em;
|
||||
}
|
||||
|
||||
.login-section .wrapper .sidebar p{
|
||||
font-size: 1.5em;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.login-section .wrapper{
|
||||
flex-direction: column;
|
||||
min-height: calc(100vh - 96px)
|
||||
}
|
||||
|
||||
.login-section .wrapper .sidebar{
|
||||
width: 100%;
|
||||
padding: 70px 10px;
|
||||
}
|
||||
|
||||
.login-section .wrapper .main{
|
||||
width: 100%;
|
||||
padding: 70px 10px;
|
||||
}
|
||||
}
|
||||
/*end login-section*/
|
||||
</style>
|
||||
Reference in New Issue
Block a user