-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
38 lines (38 loc) · 2.81 KB
/
Copy pathindex.html
File metadata and controls
38 lines (38 loc) · 2.81 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Smart Back-Packing</title>
<link rel="stylesheet" type="text/css" href="CSS/basic.css" />
</head>
<body>
<div id="stationery-top" class="topnav">
<a class="active" href="index.html">HOME</a>
<a href="HTML/backpack.html">BACKPACK</a>
<a href="HTML/stationery.html">STATIONERY</a>
<a href="HTML/personalcare.html">SELF CARE</a>
<a href="HTML/bibliography.html">BIBLIOGRAPHY</a>
</div>
<!--A navigation bar gives users easy access to each webpage.-->
<h1 class="large-header">What is ‘<span id="index-header">Smart Back-Packing</span>’?</h1>
<p>Have you ever thought about the importance of carrying a well–packed backpack? Do you struggle to find a balance between carrying too much and too little? As a student and avid stationery enthusiast‚ packing my backpack is a nightly ritual that ensures I am as productive as I can be. However‚ I know all too well the feeling of having backache after carrying my entire desk to school— or the dread that ensued after I left my pencil case at home before a test... Now‚ I use a method I like to call ‘Smart Back–Packing’ to make sure I have all that I need for school within a comfortable weight load. Smart Back–Packing involves choosing efficient items to work and feel your best at school. On this website‚ you will master the craft of Smart–Back–Packing by learning about three fundamental parts:</p>
<ol>
<li>Choosing the Right Backpack</li>
<li>Efficient Stationery</li>
<li>Self–Care Essentials</li>
</ol>
<!--An ordered list shows users which topics will be covered clearly and in order.-->
<img class="backgroundimage" src="Images/homebackground2.jpg" alt="Diagram of Smart–Backpacking steps">
<p>Return to the <a href="#stationery-top">top</a> of the page?</p>
<div class="parent">
<img class="backgroundimage" src="Images/homebackground.jpg" alt="Backpacks, stationery items and self–care items are laid across a field.">
<a href="http://validator.w3.org/check?uri=https://afsheenarya.github.io/home/index.html">
<img class="image2" src="Images/w3c.png" alt="W3C HTML validation symbol">
</a>
<a href="https://jigsaw.w3.org/css-validator/validator?uri=https://afsheenarya.github.io/home/index.html">
<img class="image3" src="Images/csssymbol.png" alt="W3C CSS validation symbol">
</a>
</div>
<!--This places my validator links and images above the background image.-->
</body>
</html>