Skip to content
Closed
Show file tree
Hide file tree
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Montserrat Font
  • Loading branch information
mmaquina committed Sep 29, 2022
commit 043cbe28721e1e9c293f445c00b2ea6fd37a0180
59 changes: 59 additions & 0 deletions src/app/modules/v2-redirect/style.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,59 @@


h1 {
font-weight: 800;
font-size:3em;

}

h3 {
font-weight: 500;
font-size: 2em;
}

#main-image {
max-width: 100%
}

.grid {
display: grid;
grid-template-columns: 798px 1fr;
position: relative;
width: 1300px;
}
@media screen and (max-width: 1199px) {
.grid {
display: grid;
grid-template-columns: 2fr 1fr;
position: relative;
}
}


#logo {
padding-top: 20px;
padding-left: 20px;
position:absolute;
left: 0;
top: 0;
z-index: 10;
}

.decoration{
z-index: 0;
position: absolute;
bottom:0;
right:0;
}

.text{
padding-top: 100px;
padding-right: 100px;
text-align: right;
}

.redirection {
padding-top: 20px;
text-align: center;
}

78 changes: 55 additions & 23 deletions src/app/modules/v2-redirect/v2-redirect.component.html
Original file line number Diff line number Diff line change
@@ -1,25 +1,57 @@
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="./v2-redirect.component.scss">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

<div>
<img id="logo" src="../../../assets/img/time-tracker-logo-v2.png" alt="Time Tracker v2 logo">
</div>
<div>
<img id="main-image" src="../../../assets/img/main-image.png" alt="person moving boxes">
</div>
<div class="text">
<h1>WE HAVE MOVED</h1>
<h3 id="quote">World is in<br>constant evolution,<br><strong>SO ARE WE.</strong></h3>
</div>
<div class="redirection">
<h2>GO TO TIME TRACKER v2</h2>
<a class="btn btn-primary" href="https://ui.timetrackerapp.ioet.com/" role="button">ui.timetrackerapp.ioet.com</a>
</div>
<div class="decoration">
<img src="../../../assets/img/decoration.png" alt="decoration blue splash">
</div>
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@800&display=swap" rel="stylesheet" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,800;1,500&display=swap"
rel="stylesheet"
/>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,800;0,900;1,500&display=swap"
rel="stylesheet"
/>

<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"
crossorigin="anonymous"
/>
<link rel="stylesheet" href="./style.css" />
</head>

<body style="font-family: 'Montserrat';">
<div>
<img id="logo" src="../../../assets/img/time-tracker-logo-v2.png" alt="Time Tracker v2 logo" width="200px" />
</div>
<div class="decoration">
<img src="../../../assets/img/decoration.png" alt="decoration blue splash" />
</div>
<div class="grid">
<div>
<img id="main-image" src="../../../assets/img/main-image.png" alt="person moving boxes" />
</div>
<div class="text">
<h1>WE HAVE MOVED</h1>
<h3 id="quote">The world is in<br />constant evolution,<br /><strong>SO ARE WE.</strong></h3>
</div>
<div class="redirection">
<div id="goto">
<h2>GO TO TIME TRACKER V2</h2>
</div>
<div id="link">
<a class="btn btn-warning btn-lg" href="https://ui.timetrackerapp.ioet.com/" role="button"
>ui.timetrackerapp.ioet.com</a
>
</div>
</div>
</div>
</body>
</html>