Skip to content
Snippets Groups Projects
Commit 85bd7acb authored by Richard Taesler's avatar Richard Taesler
Browse files

test für design?

parent d116653d
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
Showing
with 102 additions and 0 deletions
test.html 0 → 100644
+ 102
− 0
View file @ 85bd7acb
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Course Website</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: Arial, sans-serif;
line-height: 1.6;
}
/* Navigation Bar */
.navbar {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1rem 2rem;
background-color: #f8f9fa;
border-bottom: 1px solid #ddd;
}
.logo {
font-size: 1.5rem;
font-weight: bold;
}
.nav-dots {
display: flex;
gap: 2rem;
}
.dot {
width: 8px;
height: 8px;
background-color: #000;
border-radius: 50%;
}
.account-btn {
padding: 0.5rem 1rem;
border: 1px solid #ddd;
border-radius: 20px;
text-decoration: none;
color: #000;
}
/* Main Content */
.main-content {
padding: 2rem;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 2rem;
max-width: 1200px;
margin: 0 auto;
}
.box {
border: 1px solid #ddd;
padding: 1.5rem;
border-radius: 5px;
text-align: center;
min-height: 100px;
display: flex;
align-items: center;
justify-content: center;
background-color: white;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
</style>
</head>
<body>
<nav class="navbar">
<div class="logo">LOGO</div>
<div class="nav-dots">
<div class="dot"></div>
<div class="dot"></div>
<div class="dot"></div>
<div class="dot"></div>
</div>
<a href="#" class="account-btn">Account</a>
</nav>
<main class="main-content">
<div class="box">
<h2>ADD Course</h2>
</div>
<div class="box">
<h2>Prog 1</h2>
</div>
<div class="box">
<h2>Cosmetic Shop</h2>
</div>
</main>
</body>
</html>
\ No newline at end of file
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment