Skip to content

Commit 81258c2

Browse files
bg-playgroundbg-playground
committed
Update index.html content
1 parent f094f60 commit 81258c2

1 file changed

Lines changed: 74 additions & 46 deletions

File tree

‎docs/index.html‎

Lines changed: 74 additions & 46 deletions
Original file line numberDiff line numberDiff line change
@@ -1,52 +1,80 @@
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>TestingDemo Project</title>
7-
<style>
8-
body {
9-
font-family: Arial, sans-serif;
10-
line-height: 1.6;
11-
margin: 0;
12-
padding: 0;
13-
color: #333;
14-
}
15-
header {
16-
background: #0073e6;
17-
color: white;
18-
padding: 20px;
19-
text-align: center;
20-
}
21-
main {
22-
padding: 20px;
23-
}
24-
footer {
25-
text-align: center;
26-
background: #f4f4f4;
27-
padding: 10px;
28-
margin-top: 20px;
29-
}
30-
</style>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap" rel="stylesheet">
7+
<title>Testing Demo 02</title>
8+
<style>
9+
body {
10+
font-family: 'Roboto', sans-serif;
11+
margin: 0;
12+
padding: 0;
13+
background: linear-gradient(to right, #f8f9fa, #e9ecef);
14+
}
15+
header {
16+
background: #007bff;
17+
color: white;
18+
text-align: center;
19+
padding: 50px 20px;
20+
}
21+
.about, .features {
22+
padding: 20px;
23+
max-width: 800px;
24+
margin: auto;
25+
}
26+
.features ul {
27+
list-style-type: none;
28+
padding: 0;
29+
}
30+
.features li {
31+
background: #ffffff;
32+
margin: 10px 0;
33+
padding: 15px;
34+
border-radius: 5px;
35+
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
36+
}
37+
footer {
38+
text-align: center;
39+
padding: 20px;
40+
background: #343a40;
41+
color: white;
42+
}
43+
@media (max-width: 600px) {
44+
header {
45+
padding: 30px 10px;
46+
}
47+
.about, .features {
48+
padding: 15px;
49+
}
50+
}
51+
</style>
3152
</head>
3253
<body>
33-
<header>
34-
<h1>Welcome to TestingDemo</h1>
35-
</header>
36-
<main>
37-
<h2>About This Project</h2>
38-
<p>This project demonstrates QA testing principles with a practical focus on Playwright automation.</p>
39-
<h2>Key Features</h2>
40-
<ul>
41-
<li>Manual and automated testing workflows</li>
42-
<li>Playwright integration for modern UI testing</li>
43-
<li>Efficient CI/CD pipelines</li>
44-
</ul>
45-
<h2>Explore the Repository</h2>
46-
<p>Visit the <a href="https://github.com/bg-playground/TestingDemo-02">GitHub Repository</a> for more details.</p>
47-
</main>
48-
<footer>
49-
<p>&copy; 2026 TestingDemo Project</p>
50-
</footer>
54+
<header>
55+
<h1>Welcome to Testing Demo 02!</h1>
56+
<p>Your journey into modern web design starts here</p>
57+
</header>
58+
<div class="about">
59+
<h2>About This Repository</h2>
60+
<p>This repository serves as a demo for showcasing the modern practices in web development. Key highlights include:</p>
61+
<ul>
62+
<li>Responsive design</li>
63+
<li>Modern CSS techniques</li>
64+
<li>Optimized for performance</li>
65+
</ul>
66+
</div>
67+
<div class="features">
68+
<h2>Features</h2>
69+
<ul>
70+
<li>Feature 1: Description of feature one.</li>
71+
<li>Feature 2: Description of feature two.</li>
72+
<li>Feature 3: Description of feature three.</li>
73+
</ul>
74+
</div>
75+
<footer>
76+
<p>Find us on <a href="https://github.com/bg-playground/TestingDemo-02" style="color: #ffc107;">GitHub</a></p>
77+
<p>Contact us: <a href="mailto:info@example.com" style="color: #ffc107;">info@example.com</a></p>
78+
</footer>
5179
</body>
52-
</html>
80+
</html>

0 commit comments

Comments
 (0)