forked from morrisbianco/resume-builder
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhome.html
167 lines (151 loc) · 5.76 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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Resume Builder</title>
<!-- jquery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<!-- font awesome -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css"
integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
<!-- bulma -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css">
<!-- style -->
<link rel="stylesheet" href="./style.css">
<!-- meta -->
</head>
<body>
<!-- nav -->
<div class="container-wrap">
<nav class="navbar is-fixed-top" role="navigation" aria-label="main navigation">
<div class="navbar-brand">
<a class="navbar-item" href=#>
<i class="fas fa-file-alt" width="112" height="28"></i>
</a>
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
</div>
<div id="navbarBasicExample" class="navbar-menu">
<div class="navbar-start">
<a class="navbar-item">
Home
</a>
<a class="navbar-item">
Documentation
</a>
<div class="navbar-item has-dropdown is-hoverable">
<a class="navbar-link">
More
</a>
<div class="navbar-dropdown">
<a class="navbar-item">
About
</a>
<a class="navbar-item">
Contact
</a>
<hr class="navbar-divider">
<a class="navbar-item">
Report an issue
</a>
</div>
</div>
</div>
<div class="navbar-end">
<div class="navbar-item">
<div class="buttons">
<a class="button signupBtn">
<strong>Sign up</strong>
</a>
<a class="button loginBtn">
Log in
</a>
</div>
</div>
</div>
</div>
</nav>
</div>
<!-- nav -->
<!-- background images/descriptions -->
<section id="parallax-1" class="hero is-large ">
<div class="hero-body">
<div class="container">
<div class="columns">
<div class="column is-6 is-offset-6">
<h1 class="title is-1 ">Lorem Ipsum</h1>
<hr class="content-divider">
<h2 class="subtitle">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum adipisci, dolores deserunt
velit magnam aliquam quia incidunt aspernatur ducimus omnis officiis commodi porro dolor possimus. Natus
omnis cum delectus odit?</h2>
<a href="#" class="button is-white is-inverted">Next <i class="fas fa-angle-double-right"></i></a>
</div>
</div>
</div>
</div>
</section>
<section id="parallax-2" class="hero is-large ">
<div class="hero-body">
<div class="container">
<div class="columns">
<div class="column is-6">
<h1 class="title is-1 ">Dolor Sit</h1>
<hr class="content-divider">
<h2 class="subtitle">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod non odit beatae! Hic
dignissimos incidunt ea eius doloremque quos corrupti fugiat architecto alias consequatur neque nemo,
beatae nisi eaque nesciunt!.</h2>
<a href="#" class="button is-white is-inverted">Next <i class="fas fa-angle-double-right"></i></a>
</div>
</div>
</div>
</div>
</section>
<section id="parallax-3" class="hero is-large ">
<div class="hero-body">
<div class="container">
<div class="columns">
<div class="column is-6 is-offset-6">
<h1 class="title is-1 ">Amet Consectetur</h1>
<hr class="content-divider">
<h2 class="subtitle">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ipsum illum cupiditate
excepturi fugiat, alias ipsa. Accusantium delectus commodi incidunt dolorum numquam et iste nulla, error
rem labore dolorem doloribus unde..</h2>
<a href="#" class="button is-white is-inverted">Next <i class="fas fa-angle-double-right"></i></a>
</div>
</div>
</div>
</div>
</section>
</div>
<!-- background images/descriptions -->
<!-- learn more -->
<section class="hero is-small">
<div class="hero-body">
<div class="container">
<h1 class="title is-1 ">Lorem title</h1>
<h2 class="subtitle">Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse ad sequi temporibus
cupiditate voluptatibus nihil eum non, odit exercitationem, voluptatum unde quo, illo velit possimus ipsam!
Beatae dolorum quo facilis.
<br>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos delectus quaerat officia magni doloribus
laudantium odit natus consequatur accusantium et ullam, ad quidem reiciendis in quasi numquam, nisi possimus
unde!
</h2>
<a href="#" class="button is-white is-medium is-inverted">Learn More <i
class="fas fa-angle-double-right"></i></a>
</div>
</div>
</section>
<!-- learn more -->
<footer class="footer">
<div class="content has-text-centered">
<p> The source code is licensed <a href="http://opensource.org/licenses/mit-license.php">MIT</a>. 2021©
</p>
</div>
</footer>
<script src="./index.js"></script>
</body>
</html>