generated from Code-Institute-Org/gitpod-full-template
-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
103 lines (99 loc) · 5 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<script src="https://kit.fontawesome.com/4d5b53ed18.js" crossorigin="anonymous"></script>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Making your daily Windows usage simpler">
<meta name="keywords" content="windows, tech tips, keyboard shortcuts, system maintenance">
<link rel="stylesheet" href="assets/css/style.css">
<title>Windows Simplified</title>
<link rel="icon" type="image/x-icon" href="assets/images/favicon.png">
</head>
<body>
<header id="title"><h1><a href="index.html" aria-label="Go to home page">Windows Simplified</a></h1></header>
<nav class="menu-wrap">
<input type="checkbox" class="toggler" aria-label="Navigation menu">
<div class="hamburger"><div></div></div>
<div class="menu">
<div>
<div class="desktop-menu">
<ul>
<li class="active"><a href="index.html">Home</a></li>
<li><a href="shortcuts.html">Keyboard Shortcuts</a></li>
<li><a href="maintenance.html">System Maintenance</a></li>
<li><a href="links.html">Useful Sites & Software</a></li>
</ul>
</div>
</div>
</div>
</nav>
<section id="hero-main">
<div id="hero-image"></div>
<div id="cover-text">
<h2>Windows Simplified:</h2>
<h3>Improving reliability & efficiency</h3>
</div>
</section>
<section id="home-intro">
<div class="page-title">
<h2>Make your life easier</h2>
</div>
<div class="audio-wrapper">
<figure class="voiceover">
<audio src="assets/audio/intro-audio.mp3" controls><p>Your browser doesn't support this audio playback</p></audio>
<p>Not up for reading? Have a listen here then!</p>
</figure>
</div>
<div class="content">
<p>Using a computer is an essential part of most peoples days. Whether it's used for work, browsing, socialising or playing, they all require some skill to be able to use them. The problem is that a lot of the basics are either glossed over or not taught at all leading to a slower and more frustrating experience for yourself while using computers. Here at Windows Simplified we aim to teach some of those basic skills that both you and your computer will be thankful for. There are a few key areas that it has been split up into for you.</p>
<ul>
<li>Keyboard shortcuts, while something that is not required, is something that will allow you to perform tasks a bit faster. There are shortcuts for a wide variety of things. Head to the Keyboard Shortcuts page to find out more.</li>
<li>The second area of focus is all to do with maintaining your computer. System maintenance is essential to keeping your computers running smooth and to keep using the most up to date software.</li>
<li>The final area to look at is simply a list of useful websites and software that will aid you with various computing functions. These range from browsers, to email apps, to software that will help your PC run smoothly.</li>
</ul>
</div>
</section>
<aside>
<div>
<h3>Want more tips?</h3>
</div>
<div class="content">
<p>Want to learn new keyboard shortcuts or maintenance tips? Sign up to the newsletter to get weekly shortcuts and tips delivered right to your inbox.</p>
<br>
</div>
<div class="content , signup-form , newsletter ">
<form id="form-box" method="post" target="_blank" action="https://formdump.codeinstitute.net/">
<label for="name" >Name </label>
<input id="name" name="name" type="text" required>
<hr>
<label for="email">Email </label>
<input type="email" name="email" id="email" required>
<hr>
<input id="submit" type="submit" value="Sign Me Up!">
</form>
<hr>
<img id="lightbulb" src="assets/images/light-bulb.webp" alt="A lightbulb">
</div>
</aside>
<footer>
<div class="footer">
<ul>
<li class="foot">
<p>©Jacob Welsh 2022</p>
</li>
<li class="foot">
<a href="mailto:welshy92@outlook.com">Contact email here <i class="fa-solid fa-at"></i></a>
</li>
<li class="foot">
<a href="https://www.youtube.com/channel/UCbXMDllJ-kBipa4N4l31GFg" target="_blank">YouTube channel <i class="fa-brands fa-youtube"></i></a>
</li>
<li class="foot">
<a href="#">Back to Top <i class="fa-solid fa-arrow-up"></i></a>
</li>
</ul>
</div>
</footer>
</body>
</html>