임태민 / Mapmory

Go to a project
Toggle navigation Toggle navigation pinning
임태민
33397edc 1 parent 959949a5

Create index.html 

- create index.html
- mapping url with main page
Inline Side-by-side
Showing 3 changed files with 80 additions and 0 deletions
1 +<!DOCTYPE html>
2 +<html leng="en">
3 + <title></title>
4 + <meta charset = "UTF-8">
5 + <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
6 + <meta name="description" content="" />
7 + <meta name="author" content="" />
8 + <title>Mapmory</title>
9 +
10 + <link rel="preconnect" href="https://fonts.gstatic.com">
11 + <link href="https://fonts.googleapis.com/css2?family=PT+Serif:ital@1&display=swap" rel="stylesheet">
12 +
13 + <style>
14 + body,html{
15 + margin: 0;
16 + padding: 0;
17 + height: 100%;
18 + }
19 + .img{
20 + border: 0;
21 + padding: 0;
22 + background-image: url('assets/img/bg-callout.jpg');
23 + background-size: cover;
24 + min-height: 100%;
25 + background-size: cover;
26 + background-position: center;
27 + }
28 +
29 + .img .content{
30 + position: absolute;
31 + top: 40%;
32 + left: 50%;
33 + font-size: 1rem;
34 + transform: translate(-50%, -50%);
35 + font-family: 'PT Serif', serif;
36 + text-align: center;
37 + }
38 +
39 + a {
40 + width: 100px;
41 + background-color:olive;
42 + border: none;
43 + color:#fff;
44 + padding:15px 0;
45 + text-align: center;
46 + display: inline-block;
47 + font-size: 1.25rem;
48 + margin:10px;
49 + cursor:pointer;
50 + border-radius:10px;
51 + }
52 +
53 +
54 +
55 + h1{
56 + font-size: 5rem;
57 + padding:0;
58 + margin:0;
59 + }
60 +
61 + h3{
62 + font-size: 2.5rem;
63 + padding:0;
64 + margin:2px;
65 + }
66 + </style>
67 +
68 + <body>
69 + <div class="img">
70 + <div class="content">
71 + <h1>Mapmory</h1>
72 + <h3><em>Save your reminiscence with place</em></h3>
73 + <a class="start" href="/login">START</a>
74 + </div>
75 + </div>
76 + </body>
77 +
78 +
79 +
80 +</html>
...\ No newline at end of file ...\ No newline at end of file