Website-HowToBuildPC/step2.html at main · ClxpI/Website-HowToBuildPC · GitHub

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
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Prepare Your Workspace</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
<header>
	<div id="main-menu">
		<nav id="menu-area">
			<ul>
				<li><a class="active" href="index.html">Home</a></li>
				<li><a href="">Steps</a>
					<ul class="submenu-1">
						<li><a href="step1.html">Step1</a></li>
						<li><a href="step2.html">Step2</a></li>
						<li><a href="step3.html">Step3</a></li>
						<li><a href="step4.html">Step4</a></li>
						<li><a href="step5.html">Step5</a></li>
						<li><a href="step6.html">Step6</a></li>
						<li><a href="step7.html">Step7</a></li>
						<li><a href="step8.html">Step8</a></li>
						<li><a href="step9.html">Step9</a></li>
						<li><a href="step10.html">Step10</a></li>
						<li><a href="step11.html">Step11</a></li>
						<li><a href="step12.html">Step12</a></li>
					</ul>
				</li>
				<li><a href="show.html">Show us your PC!</a></li>
				<li><a href="about.html">About</a></li>
				<li><a href="contact.html">Contact</a></li>

			</ul>
		</nav>
	</div>
</header>
	<div style="text-align: center; padding: 30px; font-family: 'Montserrat', sans-serif; line-height: 1.8; color: #333; max-width: 800px; margin: 0 auto;">
    		<h1 style="font-size: 2.5em; color: #444; margin-bottom: 20px;">Step 2: Prepare Your Workspace</h1>
    		<p style="font-size: 1.2em; margin: 20px 0;">
       	Creating an organized and safe workspace is crucial for building your PC efficiently and without stress. Start by selecting a tidy, well-lit area where you can work comfortably.
    		</p>
    		<p style="font-size: 1.1em; margin: 20px auto;">
        	Ensure you have all the essential tools at hand, including:
    		</p>
    		<ul style="list-style-type: disc; margin: 20px auto 30px auto; padding-left: 40px; text-align: left; font-size: 1.1em;">
        		<li>A screwdriver (preferably magnetic-tipped),</li>
        		<li>Cable ties for clean cable management,</li>
        		<li>Thermal paste for the CPU, and</li>
        		<li>An anti-static wrist strap to prevent static discharge from damaging your sensitive components.</li>
    		</ul>
    		<p style="font-size: 1.1em; margin: 30px 0;">
        	Having a clutter-free space and the right tools will make the building process smoother and reduce the risk of errors or damage.
    		</p>
    		<p style="font-size: 1.2em; margin-top: 40px;">
        	Once your workspace is ready, proceed to <a href="step3.html" style="color: #007BFF; text-decoration: none; font-weight: bold;">Step 3</a>.
    		</p>
	</div>

      <div class="pictures">
		<ul>
  			<li align="center"; margin= 20px>
				<a href=""><img src="Resources/work.jpg" id="img6" alt=""></a>
			</li>
		</ul>
	</div>
</body>
</html>