Skip to content

Commit 043cbe2

Browse files
mmaquinammaquina
committed
Montserrat Font
1 parent e29510f commit 043cbe2

File tree

2 files changed

+114
-23
lines changed

2 files changed

+114
-23
lines changed

‎src/app/modules/v2-redirect/style.css‎

Lines changed: 59 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,59 @@
1+
2+
3+
h1 {
4+
font-weight: 800;
5+
font-size:3em;
6+
7+
}
8+
9+
h3 {
10+
font-weight: 500;
11+
font-size: 2em;
12+
}
13+
14+
#main-image {
15+
max-width: 100%
16+
}
17+
18+
.grid {
19+
display: grid;
20+
grid-template-columns: 798px 1fr;
21+
position: relative;
22+
width: 1300px;
23+
}
24+
@media screen and (max-width: 1199px) {
25+
.grid {
26+
display: grid;
27+
grid-template-columns: 2fr 1fr;
28+
position: relative;
29+
}
30+
}
31+
32+
33+
#logo {
34+
padding-top: 20px;
35+
padding-left: 20px;
36+
position:absolute;
37+
left: 0;
38+
top: 0;
39+
z-index: 10;
40+
}
41+
42+
.decoration{
43+
z-index: 0;
44+
position: absolute;
45+
bottom:0;
46+
right:0;
47+
}
48+
49+
.text{
50+
padding-top: 100px;
51+
padding-right: 100px;
52+
text-align: right;
53+
}
54+
55+
.redirection {
56+
padding-top: 20px;
57+
text-align: center;
58+
}
59+

‎src/app/modules/v2-redirect/v2-redirect.component.html‎

Lines changed: 55 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -1,25 +1,57 @@
1-
<link rel="preconnect" href="https://fonts.googleapis.com">
2-
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
3-
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
4-
<link rel="stylesheet" href="./v2-redirect.component.scss">
5-
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
6-
7-
<div>
8-
<img id="logo" src="../../../assets/img/time-tracker-logo-v2.png" alt="Time Tracker v2 logo">
9-
</div>
10-
<div>
11-
<img id="main-image" src="../../../assets/img/main-image.png" alt="person moving boxes">
12-
</div>
13-
<div class="text">
14-
<h1>WE HAVE MOVED</h1>
15-
<h3 id="quote">World is in<br>constant evolution,<br><strong>SO ARE WE.</strong></h3>
16-
</div>
17-
<div class="redirection">
18-
<h2>GO TO TIME TRACKER v2</h2>
19-
<a class="btn btn-primary" href="https://ui.timetrackerapp.ioet.com/" role="button">ui.timetrackerapp.ioet.com</a>
20-
</div>
21-
<div class="decoration">
22-
<img src="../../../assets/img/decoration.png" alt="decoration blue splash">
23-
</div>
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat" />
5+
<link rel="preconnect" href="https://fonts.googleapis.com" />
6+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
7+
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@800&display=swap" rel="stylesheet" />
8+
<link rel="preconnect" href="https://fonts.googleapis.com" />
9+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
10+
<link
11+
href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,800;1,500&display=swap"
12+
rel="stylesheet"
13+
/>
14+
<link rel="preconnect" href="https://fonts.googleapis.com" />
15+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
16+
<link
17+
href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,800;0,900;1,500&display=swap"
18+
rel="stylesheet"
19+
/>
2420

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

30+
<body style="font-family: 'Montserrat';">
31+
<div>
32+
<img id="logo" src="../../../assets/img/time-tracker-logo-v2.png" alt="Time Tracker v2 logo" width="200px" />
33+
</div>
34+
<div class="decoration">
35+
<img src="../../../assets/img/decoration.png" alt="decoration blue splash" />
36+
</div>
37+
<div class="grid">
38+
<div>
39+
<img id="main-image" src="../../../assets/img/main-image.png" alt="person moving boxes" />
40+
</div>
41+
<div class="text">
42+
<h1>WE HAVE MOVED</h1>
43+
<h3 id="quote">The world is in<br />constant evolution,<br /><strong>SO ARE WE.</strong></h3>
44+
</div>
45+
<div class="redirection">
46+
<div id="goto">
47+
<h2>GO TO TIME TRACKER V2</h2>
48+
</div>
49+
<div id="link">
50+
<a class="btn btn-warning btn-lg" href="https://ui.timetrackerapp.ioet.com/" role="button"
51+
>ui.timetrackerapp.ioet.com</a
52+
>
53+
</div>
54+
</div>
55+
</div>
56+
</body>
57+
</html>

0 commit comments

Comments
 (0)