Dark MOde/Theme Veränderung/form Validation
This commit is contained in:
13
index.html
13
index.html
@@ -6,6 +6,7 @@
|
||||
<title>Tech Horizon</title>
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
<script src="script.js"></script>
|
||||
<body>
|
||||
|
||||
<header>
|
||||
@@ -16,6 +17,18 @@
|
||||
<a href="#projects">Projects</a> |
|
||||
<a href="#contact">Contact</a>
|
||||
</nav>
|
||||
<div class="controls">
|
||||
<button id="darkModeBtn" class="btn-small">Dark Mode</button>
|
||||
<div class="color-picker">
|
||||
<span style="color: white; font-size: 14px;">Theme:</span>
|
||||
<button class="color-btn active" data-color="#667eea" style="background: #667eea;"></button>
|
||||
<button class="color-btn" data-color="#e74c3c" style="background: #e74c3c;"></button>
|
||||
<button class="color-btn" data-color="#2ecc71" style="background: #2ecc71;"></button>
|
||||
<button class="color-btn" data-color="#f39c12" style="background: #f39c12;"></button>
|
||||
<button class="color-btn" data-color="#9b59b6" style="background: #9b59b6;"></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user