Skip to content

Commit 9d6f914

Browse files
author
atj61275
committed
ChatGPT Website
1 parent 2847c51 commit 9d6f914

4 files changed

Lines changed: 195 additions & 1 deletion

File tree

‎exercise/index.html‎

Lines changed: 44 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Sample Website with Montserrat Font</title>
7+
<!-- Include Montserrat font from Google Fonts -->
8+
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap" rel="stylesheet">
9+
<style>
10+
body {
11+
font-family: 'Montserrat', sans-serif;
12+
}
13+
14+
.header {
15+
background-color: #f0f0f0;
16+
padding: 20px;
17+
text-align: center;
18+
}
19+
20+
.content {
21+
padding: 20px;
22+
}
23+
24+
.footer {
25+
background-color: #f0f0f0;
26+
padding: 10px;
27+
text-align: center;
28+
}
29+
</style>
30+
</head>
31+
<body>
32+
<div class="header">
33+
<h1>Welcome to My Website</h1>
34+
</div>
35+
36+
<div class="content">
37+
<p>This is a sample website that uses the Montserrat font. Montserrat is a geometric style of typeface that's both modern and clean, making it great for web and print design. Feel free to use this template as a starting point for your website.</p>
38+
</div>
39+
40+
<div class="footer">
41+
<p>Contact us at email@example.com</p>
42+
</div>
43+
</body>
44+
</html>

‎index.html‎

Lines changed: 63 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1,63 @@
1-
ECHO ist eingeschaltet (ON).
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Hyper Impressed</title>
7+
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap" rel="stylesheet">
8+
<style>
9+
body {
10+
font-family: 'Montserrat', sans-serif;
11+
color: #333;
12+
background-color: #f4f0ff; /* Subdued purple background */
13+
}
14+
15+
.header {
16+
background-color: #e0d4ff; /* Lighter shade of purple for header */
17+
padding: 20px;
18+
text-align: center;
19+
}
20+
21+
.nav {
22+
text-align: center;
23+
padding: 20px;
24+
}
25+
26+
.nav a {
27+
margin: 0 15px;
28+
text-decoration: none;
29+
color: #5d3dbd; /* Deeper purple for contrast */
30+
}
31+
32+
.content {
33+
padding: 20px;
34+
}
35+
36+
.footer {
37+
background-color: #e0d4ff; /* Matches header */
38+
padding: 10px;
39+
text-align: center;
40+
}
41+
</style>
42+
</head>
43+
<body>
44+
<div class="header">
45+
<h1>Welcome to Hyper Impressed</h1>
46+
</div>
47+
48+
<div class="nav">
49+
<a href="world-philosophy/index.html">World Philosophy</a>
50+
<a href="spirit-philosophy/index.html">Spirit Philosophy</a>
51+
<a href="exercise/index.html">Exercise</a>
52+
<!-- Add more links as needed -->
53+
</div>
54+
55+
<div class="content">
56+
<p>Explore a range of topics from World Philosophy to Spirit Philosophy, Exercise, and more. Click on the topics above to dive deeper into each category.</p>
57+
</div>
58+
59+
<div class="footer">
60+
<p>Contact us at email@example.com</p>
61+
</div>
62+
</body>
63+
</html>

‎spirit-philosophy/index.html‎

Lines changed: 44 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Sample Website with Montserrat Font</title>
7+
<!-- Include Montserrat font from Google Fonts -->
8+
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap" rel="stylesheet">
9+
<style>
10+
body {
11+
font-family: 'Montserrat', sans-serif;
12+
}
13+
14+
.header {
15+
background-color: #f0f0f0;
16+
padding: 20px;
17+
text-align: center;
18+
}
19+
20+
.content {
21+
padding: 20px;
22+
}
23+
24+
.footer {
25+
background-color: #f0f0f0;
26+
padding: 10px;
27+
text-align: center;
28+
}
29+
</style>
30+
</head>
31+
<body>
32+
<div class="header">
33+
<h1>Welcome to My Website</h1>
34+
</div>
35+
36+
<div class="content">
37+
<p>This is a sample website that uses the Montserrat font. Montserrat is a geometric style of typeface that's both modern and clean, making it great for web and print design. Feel free to use this template as a starting point for your website.</p>
38+
</div>
39+
40+
<div class="footer">
41+
<p>Contact us at email@example.com</p>
42+
</div>
43+
</body>
44+
</html>

‎world-philosophy/index.html‎

Lines changed: 44 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Sample Website with Montserrat Font</title>
7+
<!-- Include Montserrat font from Google Fonts -->
8+
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap" rel="stylesheet">
9+
<style>
10+
body {
11+
font-family: 'Montserrat', sans-serif;
12+
}
13+
14+
.header {
15+
background-color: #f0f0f0;
16+
padding: 20px;
17+
text-align: center;
18+
}
19+
20+
.content {
21+
padding: 20px;
22+
}
23+
24+
.footer {
25+
background-color: #f0f0f0;
26+
padding: 10px;
27+
text-align: center;
28+
}
29+
</style>
30+
</head>
31+
<body>
32+
<div class="header">
33+
<h1>Welcome to My Website</h1>
34+
</div>
35+
36+
<div class="content">
37+
<p>This is a sample website that uses the Montserrat font. Montserrat is a geometric style of typeface that's both modern and clean, making it great for web and print design. Feel free to use this template as a starting point for your website.</p>
38+
</div>
39+
40+
<div class="footer">
41+
<p>Contact us at email@example.com</p>
42+
</div>
43+
</body>
44+
</html>

0 commit comments

Comments
 (0)