Spaces:
Running
Running
bu resme iyi bak kullanabilirsin bu resmi
Browse files- contact.html +7 -6
- index.html +8 -6
- projects.html +1 -1
contact.html
CHANGED
|
@@ -19,17 +19,18 @@
|
|
| 19 |
color: #334155;
|
| 20 |
}
|
| 21 |
button {
|
| 22 |
-
background: #
|
| 23 |
-
color:
|
| 24 |
padding: 12px 24px;
|
| 25 |
-
border:
|
| 26 |
-
border-radius:
|
| 27 |
font-weight: 600;
|
| 28 |
cursor: pointer;
|
| 29 |
transition: all 0.3s ease;
|
| 30 |
}
|
| 31 |
button:hover {
|
| 32 |
-
background: #
|
|
|
|
| 33 |
}
|
| 34 |
</style>
|
| 35 |
</head>
|
|
@@ -42,7 +43,7 @@
|
|
| 42 |
<textarea placeholder="Your Message"></textarea>
|
| 43 |
<button type="submit">Send Message</button>
|
| 44 |
</form>
|
| 45 |
-
<a href="index.html" style="display: inline-block; margin-top: 20px; padding: 12px 24px; background: #
|
| 46 |
</div>
|
| 47 |
</body>
|
| 48 |
</html>
|
|
|
|
| 19 |
color: #334155;
|
| 20 |
}
|
| 21 |
button {
|
| 22 |
+
background: #2563eb;
|
| 23 |
+
color: #f8fafc;
|
| 24 |
padding: 12px 24px;
|
| 25 |
+
border: 2px solid #1e40af;
|
| 26 |
+
border-radius: 12px;
|
| 27 |
font-weight: 600;
|
| 28 |
cursor: pointer;
|
| 29 |
transition: all 0.3s ease;
|
| 30 |
}
|
| 31 |
button:hover {
|
| 32 |
+
background: #1d4ed8;
|
| 33 |
+
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.2);
|
| 34 |
}
|
| 35 |
</style>
|
| 36 |
</head>
|
|
|
|
| 43 |
<textarea placeholder="Your Message"></textarea>
|
| 44 |
<button type="submit">Send Message</button>
|
| 45 |
</form>
|
| 46 |
+
<a href="index.html" style="display: inline-block; margin-top: 20px; padding: 12px 24px; background: #2563eb; color: #f8fafc; border-radius: 12px; text-decoration: none; font-weight: 600; border: 2px solid #1e40af;">Back to Home</a>
|
| 47 |
</div>
|
| 48 |
</body>
|
| 49 |
</html>
|
index.html
CHANGED
|
@@ -21,17 +21,19 @@
|
|
| 21 |
nav a {
|
| 22 |
margin: 0 10px;
|
| 23 |
padding: 12px 24px;
|
| 24 |
-
background: #
|
| 25 |
-
border-radius:
|
| 26 |
text-decoration: none;
|
| 27 |
-
color:
|
| 28 |
font-weight: 600;
|
| 29 |
transition: all 0.3s ease;
|
| 30 |
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
|
|
|
|
| 31 |
}
|
| 32 |
nav a:hover {
|
| 33 |
-
background: #
|
| 34 |
transform: translateY(-2px);
|
|
|
|
| 35 |
}
|
| 36 |
</style>
|
| 37 |
</head>
|
|
@@ -40,8 +42,8 @@
|
|
| 40 |
<h1 style="color: #1e293b;">Welcome to Hadi's Space!</h1>
|
| 41 |
<p style="color: #475569;">This is a customized static website created by Hadi.</p>
|
| 42 |
<div class="image-container">
|
| 43 |
-
<img src="
|
| 44 |
-
|
| 45 |
<nav>
|
| 46 |
<a href="projects.html">My Projects</a>
|
| 47 |
<a href="contact.html">Contact Me</a>
|
|
|
|
| 21 |
nav a {
|
| 22 |
margin: 0 10px;
|
| 23 |
padding: 12px 24px;
|
| 24 |
+
background: #2563eb;
|
| 25 |
+
border-radius: 12px;
|
| 26 |
text-decoration: none;
|
| 27 |
+
color: #f8fafc;
|
| 28 |
font-weight: 600;
|
| 29 |
transition: all 0.3s ease;
|
| 30 |
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
|
| 31 |
+
border: 2px solid #1e40af;
|
| 32 |
}
|
| 33 |
nav a:hover {
|
| 34 |
+
background: #1d4ed8;
|
| 35 |
transform: translateY(-2px);
|
| 36 |
+
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.2);
|
| 37 |
}
|
| 38 |
</style>
|
| 39 |
</head>
|
|
|
|
| 42 |
<h1 style="color: #1e293b;">Welcome to Hadi's Space!</h1>
|
| 43 |
<p style="color: #475569;">This is a customized static website created by Hadi.</p>
|
| 44 |
<div class="image-container">
|
| 45 |
+
<img src="https://images.unsplash.com/photo-1518770660439-4636190af475?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8M3x8dGVjaG5vbG9neXxlbnwwfHwwfHx8MA%3D%3D&auto=format&fit=crop&w=500&q=60" alt="Technology Image">
|
| 46 |
+
</div>
|
| 47 |
<nav>
|
| 48 |
<a href="projects.html">My Projects</a>
|
| 49 |
<a href="contact.html">Contact Me</a>
|
projects.html
CHANGED
|
@@ -33,7 +33,7 @@
|
|
| 33 |
<h2>Project 2</h2>
|
| 34 |
<p>Description of my second project.</p>
|
| 35 |
</div>
|
| 36 |
-
<a href="index.html" style="display: inline-block; margin-top: 20px; padding: 12px 24px; background: #
|
| 37 |
</div>
|
| 38 |
</body>
|
| 39 |
</html>
|
|
|
|
| 33 |
<h2>Project 2</h2>
|
| 34 |
<p>Description of my second project.</p>
|
| 35 |
</div>
|
| 36 |
+
<a href="index.html" style="display: inline-block; margin-top: 20px; padding: 12px 24px; background: #2563eb; color: #f8fafc; border-radius: 12px; text-decoration: none; font-weight: 600; border: 2px solid #1e40af;">Back to Home</a>
|
| 37 |
</div>
|
| 38 |
</body>
|
| 39 |
</html>
|