-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhome.html
74 lines (68 loc) · 2.58 KB
/
home.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
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
<!DOCTYPE html>
<html>
<head>
<title>Your Personal Diary</title>
<meta charset="utf-8">
<!-- Web Fonts -->
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
<!-- Font for buttons -->
<link href="https://fonts.googleapis.com/css?family=Fjalla+One" rel="stylesheet">
<!-- SETTING VIEWPORT-->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- CSS reference to bootstrap -->
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.2/css/all.css" integrity="sha384-/rXc/GQVaYpyDdyxK+ecHPVYJSN9bmVFBvjA/9eOB+pb3F2w2N6fc5qB9Ew5yIns" crossorigin="anonymous">
<!-- External Style Sheets -->
<link rel="stylesheet" type="text/css" href="css/home_style.css">
<!-- <script type="text/javascript" src="script.js"></script> -->
</head>
<body>
<!-- Header -->
<header id="header">
<div class="logo">
<img src="logo.png">
</div>
<nav class="navbar">
<ul>
<li><a href="#" class="active">HOME</a></li>
<li><a href="#about">ABOUT</a></li>
<li><a href="#">SIGN-UP</a></li>
<li><a href="login.html">SIGN-IN</a></li>
<li><a href="#">CONTACT US</a></li>
</ul>
</nav>
</header>
<!-- Parallax Loader -->
<div class="parallax">
<div class="centre-text"><p>Welcome<br>to<br>Scribble.</p></div>
<div class="sub-centre-text">A free to use online platform for your thoughts, notes and reminders.</div>
</div>
<div class="container-intro-text">
<div class="intro-text" id="about">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat.
</p>
<button class="btn"><a href="#">Get Started <i class="fas fa-arrow-circle-right"></i></a></button>
</div>
<div class="wrap-intro-img">
<img src="intro_img.jpg">
</div>
</div>
<div class="container-img-gallery">
<div class="img-gallery">
<img src="img1.jpeg">
<h3>Pen your thoughts on the go, anytime and anywhere.</h3>
</div>
<div class="img-gallery">
<img src="img2.jpg">
<h3>Keep your data safe with us.</h3>
</div>
<div class="img-gallery">
<img src="img3.jpg">
<h3 id="3">A one stop platform for your notes, reminders, contacts etc.</h3>
</div>
</div>
</body>
</html>