Skip to content

Commit 546abd4

Browse files
authored
Improve the visual (Alpha Version)
1 parent b5c9c50 commit 546abd4

1 file changed

Lines changed: 46 additions & 33 deletions

File tree

index.html

Lines changed: 46 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -1,43 +1,56 @@
11
<!DOCTYPE html>
22
<html lang="en">
33
<head>
4-
<meta charset="UTF-8">
5-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>All-in-One Tools</title>
7-
<link rel="stylesheet" href="css/style.css">
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>Tools Hub</title>
7+
<link rel="stylesheet" href="assets/style.css" />
88
</head>
99
<body>
10-
<header>
11-
<h1>All-in-One Tools</h1>
12-
<p>A collection of useful tools, all in one place.</p>
10+
<!-- Navbar -->
11+
<header class="navbar">
12+
<h1 class="logo">🛠 Tools Hub</h1>
13+
<nav>
14+
<a href="index.html">Home</a>
15+
<a href="tools/password.html">Password Generator</a>
16+
<a href="tools/qr.html">QR Generator</a>
17+
<a href="tools/calculator.html">Calculator</a>
18+
<a href="tools/unit.html">Unit Converter</a>
19+
</nav>
1320
</header>
1421

15-
<main class="tool-grid">
16-
<div class="tool-card">
17-
<h2>Unit Converter</h2>
18-
<p>Convert between common units (length, weight, temperature).</p>
19-
<a href="tools/converter.html" class="btn">Open</a>
20-
</div>
21-
<div class="tool-card">
22-
<h2>Calculator</h2>
23-
<p>Perform quick calculations.</p>
24-
<a href="tools/calculator.html" class="btn">Open</a>
25-
</div>
26-
<div class="tool-card">
27-
<h2>Password Generator</h2>
28-
<p>Create strong and secure passwords.</p>
29-
<a href="tools/password.html" class="btn">Open</a>
30-
</div>
31-
<div class="tool-card">
32-
<h2>QR Code Generator</h2>
33-
<p>Turn text or links into QR codes.</p>
34-
<a href="tools/qr.html" class="btn">Open</a>
35-
</div>
22+
<!-- Main -->
23+
<main class="container">
24+
<h2 class="section-title">Available Tools</h2>
25+
<div class="grid">
26+
<!-- Password Generator -->
27+
<div class="card">
28+
<h3>Password Generator</h3>
29+
<p>Create secure random passwords with custom settings.</p>
30+
<a href="tools/password.html" class="btn">Open Tool</a>
31+
</div>
3632

37-
</main>
33+
<!-- QR Generator -->
34+
<div class="card">
35+
<h3>QR Code Generator</h3>
36+
<p>Create and download QR codes for any text or URL.</p>
37+
<a href="tools/qr.html" class="btn">Open Tool</a>
38+
</div>
3839

39-
<footer>
40-
<p>Made with ❤️ by LCS</p>
41-
</footer>
40+
<!-- Calculator -->
41+
<div class="card">
42+
<h3>Calculator</h3>
43+
<p>Simple calculator for quick math operations.</p>
44+
<a href="tools/calculator.html" class="btn">Open Tool</a>
45+
</div>
46+
47+
<!-- Unit Converter -->
48+
<div class="card">
49+
<h3>Unit Converter</h3>
50+
<p>Convert between length, weight, temperature, and more.</p>
51+
<a href="tools/unit.html" class="btn">Open Tool</a>
52+
</div>
53+
</div>
54+
</main>
4255
</body>
43-
</html>
56+
</html>

0 commit comments

Comments
 (0)