Hugging Face's logo

Spaces:
muzaf
/
deepsite-project
Running

App Files Community
muzaf commited on
Commit
58b4eb4
·
verified ·
1 Parent(s): 2321077

çok güzel butonları görsellerini düzelt ve yazıların renklerinide düzelt

Browse files
Files changed (3) hide show
  1. contact.html +20 -4
  2. index.html +15 -8
  3. projects.html +14 -6
contact.html CHANGED
@@ -12,10 +12,26 @@
12
  input, textarea {
13
  display: block;
14
  margin: 10px 0;
15
- padding: 8px;
16
  width: 100%;
 
 
 
17
  }
18
- </style>
 
 
 
 
 
 
 
 
 
 
 
 
 
19
  </head>
20
  <body>
21
  <div class="card">
@@ -26,7 +42,7 @@
26
  <textarea placeholder="Your Message"></textarea>
27
  <button type="submit">Send Message</button>
28
  </form>
29
- <a href="index.html">Back to Home</a>
30
- </div>
31
  </body>
32
  </html>
 
12
  input, textarea {
13
  display: block;
14
  margin: 10px 0;
15
+ padding: 12px;
16
  width: 100%;
17
+ border: 1px solid #e2e8f0;
18
+ border-radius: 6px;
19
+ color: #334155;
20
  }
21
+ button {
22
+ background: #4f46e5;
23
+ color: white;
24
+ padding: 12px 24px;
25
+ border: none;
26
+ border-radius: 8px;
27
+ font-weight: 600;
28
+ cursor: pointer;
29
+ transition: all 0.3s ease;
30
+ }
31
+ button:hover {
32
+ background: #4338ca;
33
+ }
34
+ </style>
35
  </head>
36
  <body>
37
  <div class="card">
 
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: #4f46e5; color: white; border-radius: 8px; text-decoration: none; font-weight: 600;">Back to Home</a>
46
+ </div>
47
  </body>
48
  </html>
index.html CHANGED
@@ -20,19 +20,26 @@
20
  }
21
  nav a {
22
  margin: 0 10px;
23
- padding: 8px 16px;
24
- background: #f0f0f0;
25
- border-radius: 4px;
26
  text-decoration: none;
27
- color: #333;
 
 
 
 
 
 
 
28
  }
29
- </style>
30
  </head>
31
  <body>
32
  <div class="card">
33
- <h1>Welcome to Hadi's Space!</h1>
34
- <p>This is a customized static website created by Hadi.</p>
35
- <div class="image-container">
36
  <img src="http://static.photos/technology/640x360/42" alt="Technology Image">
37
  </div>
38
  <nav>
 
20
  }
21
  nav a {
22
  margin: 0 10px;
23
+ padding: 12px 24px;
24
+ background: #4f46e5;
25
+ border-radius: 8px;
26
  text-decoration: none;
27
+ color: white;
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: #4338ca;
34
+ transform: translateY(-2px);
35
  }
36
+ </style>
37
  </head>
38
  <body>
39
  <div class="card">
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="http://static.photos/technology/640x360/42" alt="Technology Image">
44
  </div>
45
  <nav>
projects.html CHANGED
@@ -8,11 +8,19 @@
8
  <style>
9
  .project {
10
  margin: 20px 0;
11
- padding: 20px;
12
- border: 1px solid #ddd;
13
- border-radius: 8px;
 
14
  }
15
- </style>
 
 
 
 
 
 
 
16
  </head>
17
  <body>
18
  <div class="card">
@@ -25,7 +33,7 @@
25
  <h2>Project 2</h2>
26
  <p>Description of my second project.</p>
27
  </div>
28
- <a href="index.html">Back to Home</a>
29
- </div>
30
  </body>
31
  </html>
 
8
  <style>
9
  .project {
10
  margin: 20px 0;
11
+ padding: 24px;
12
+ border: 1px solid #e2e8f0;
13
+ border-radius: 12px;
14
+ background: #f8fafc;
15
  }
16
+ .project h2 {
17
+ color: #1e293b;
18
+ margin-bottom: 12px;
19
+ }
20
+ .project p {
21
+ color: #475569;
22
+ }
23
+ </style>
24
  </head>
25
  <body>
26
  <div class="card">
 
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: #4f46e5; color: white; border-radius: 8px; text-decoration: none; font-weight: 600;">Back to Home</a>
37
+ </div>
38
  </body>
39
  </html>