-
Notifications
You must be signed in to change notification settings - Fork 0
/
learnmore.html
152 lines (149 loc) · 4.85 KB
/
learnmore.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<!-- sets the character encoding for the document -->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- sets the viewport properties for responsive design -->
<link
rel="icon"
type="image/x-icon"
href="home-setting/Testing Files/website-icon.png"
<!--
specifies
the
favicon
for
the
website
--
/>
/>
<title>Invtrack</title>
<!-- sets the title of the webpage -->
<link rel="stylesheet" href="learnmore.css" />
<!-- links the external CSS file -->
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
<!--
links
the
Font
Awesome
CSS
file
--
/>
/>
<link rel="stylesheet" href="sidebar.css" />
<!-- links the sidebar CSS file -->
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap"
<!--
links
the
Google
Fonts
CSS
file
--
/>
/>
<li class="auth-buttons">
<!-- starts a list item with class "auth-buttons" -->
<span id="auth-status"></span>
<!-- creates a span element with id "auth-status" -->
</li>
<!-- ends the list item -->
</head>
<body>
<div class="sidebar">
<!-- sidebar content goes here -->
</div>
<!-- ends the sidebar div -->
<nav>
<div id="green-square"></div>
<!-- creates a div element with id "green-square" -->
<ul>
<!-- starts an unordered list -->
<li>
<a href="home.html" id="home" class="nav-button"
><i class="fas fa-home icon"></i>home</a
>
<!-- creates a link with id "home" and class "nav-button" -->
</li>
<li>
<a href="tracking.html" id="tracking" class="nav-button"
><i class="fas fa-chart-line icon"></i>tracking</a
>
<!-- creates a link with id "tracking" and class "nav-button" -->
</li>
<li>
<a href="#" id="settings" class="nav-button"
><i class="fas fa-cog icon"></i>settings</a
>
<!-- creates a link with id "settings" and class "nav-button" -->
</li>
<li class="auth-buttons">
<!-- starts a list item with class "auth-buttons" -->
<a href="login.html" id="signup" class="nav-button">sign up</a>
<!-- creates a link with id "signup" and class "nav-button" -->
</li>
<!-- ends the list item -->
</ul>
<!-- ends the unordered list -->
</nav>
<!-- ends the navigation section -->
<div id="content">
<div class="welcome-text">
<h1>the only inventory manager that you'll ever need</h1>
<!-- creates a heading -->
<p class="sub-text">hey, P.S, it's free.</p>
<!-- creates a paragraph with class "sub-text" -->
<img src="home-setting/Testing Files/inventorymanager-promo.png"
class="fade-in-image" alt="Image"
<!-- creates an image with class "fade-in-image" and alt text "Image" -->
/>
<ul class="features-list">
<!-- starts an unordered list with class "features-list" -->
<li class="feature-item">
<!-- starts a list item with class "feature-item" -->
faster<span class="feature-details">
- Light weight design, speed won't be an issue ever again..</span
>
<!-- adds text and a span element with class "feature-details" -->
</li>
<!-- ends the list item -->
<li class="feature-item">
<!-- starts a list item with class "feature-item" -->
cross-platform<span class="feature-details">
- Supported on all devices. Just a browser needed.</span
>
<!-- adds text and a span element with class "feature-details" -->
</li>
<!-- ends the list item -->
<li class="feature-item">
<!-- starts a list item with class "feature-item" -->
reliable<span class="feature-details">
- Able to be backed up to any serivce at just the touch of a
button.</span
>
<!-- adds text and a span element with class "feature-details" -->
</li>
<!-- ends the list item -->
</ul>
<!-- ends the unordered list -->
</div>
<!-- ends the welcome-text div -->
</div>
<!-- ends the content div -->
<script src="home.js"></script>
<!-- includes the home.js script -->
<script src="login.js"></script>
<!-- includes the login.js script -->
<script src="learnmore.js"></script>
<!-- includes the learnmore.js script -->
</body>
</html>