Skip to content

Commit 1a74ef0

Browse files
CodepocketdevCodepocketdev
committed
Update portfolio with new projects
1 parent 49f8a5b commit 1a74ef0

2 files changed

Lines changed: 22 additions & 75 deletions

File tree

‎index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<!DOCTYPE html>
1+
nano style.css<!DOCTYPE html>
22
<html lang="en">
33
<head>
44
<meta charset="UTF-8">

‎style.css‎

Lines changed: 21 additions & 74 deletions
Original file line numberDiff line numberDiff line change
@@ -8,11 +8,10 @@
88
body {
99
font-family: 'Roboto', sans-serif;
1010
line-height: 1.6;
11-
background: #0a0a0a; /* dark background for neon effect */
12-
color: #e0e0e0;
11+
background-color: #121212; /* dark gray background */
12+
color: #e0e0e0; /* light gray text */
1313
}
1414

15-
/* Container */
1615
.container {
1716
max-width: 1000px;
1817
margin: 0 auto;
@@ -21,52 +20,43 @@ body {
2120

2221
/* Hero Section */
2322
.hero {
24-
background: linear-gradient(135deg, #6a11cb, #2575fc); /* cool neon gradient */
25-
color: #fff;
23+
background: linear-gradient(135deg, #00d4ff, #006aff); /* cyan-blue gradient */
24+
color: #ffffff; /* white text */
2625
text-align: center;
2726
padding: 5rem 1rem;
28-
border-bottom: 4px solid #f5af19;
29-
box-shadow: 0 0 30px rgba(106,17,203,0.7);
3027
}
3128

3229
.hero h1 {
3330
font-size: 3rem;
3431
margin-bottom: 1rem;
35-
text-shadow: 0 0 10px #fff, 0 0 20px #6a11cb;
3632
}
3733

3834
.hero p {
3935
font-size: 1.5rem;
4036
margin-bottom: 2rem;
41-
text-shadow: 0 0 5px #fff, 0 0 10px #2575fc;
4237
}
4338

4439
.buttons .btn {
4540
display: inline-block;
4641
margin: 0.5rem;
4742
padding: 0.75rem 1.5rem;
48-
background: linear-gradient(45deg, #f5af19, #f12711);
49-
color: #fff;
43+
background: #ff6f61; /* coral button */
44+
color: #ffffff; /* white text */
5045
text-decoration: none;
51-
border-radius: 10px;
52-
font-weight: bold;
53-
box-shadow: 0 0 10px #f5af19, 0 0 20px #f12711;
54-
transition: all 0.3s ease;
46+
border-radius: 8px;
47+
transition: 0.3s;
5548
}
5649

5750
.buttons .btn:hover {
58-
background: linear-gradient(45deg, #6a11cb, #2575fc);
59-
box-shadow: 0 0 20px #6a11cb, 0 0 30px #2575fc;
60-
color: #fff;
61-
transform: translateY(-3px);
51+
background: #ff3b2e; /* darker coral on hover */
52+
color: #ffffff;
6253
}
6354

6455
/* Sections */
6556
h2 {
6657
font-size: 2rem;
6758
margin-bottom: 1rem;
68-
color: #f5af19;
69-
text-shadow: 0 0 5px #f5af19, 0 0 10px #f12711;
59+
color: #00d4ff; /* cyan headings */
7060
}
7161

7262
p, li {
@@ -78,17 +68,6 @@ ul {
7868
list-style: disc inside;
7969
}
8070

81-
/* Profile Image */
82-
.profile-img {
83-
width: 150px;
84-
height: 150px;
85-
border-radius: 50%;
86-
border: 4px solid #f5af19;
87-
margin-bottom: 1rem;
88-
object-fit: cover;
89-
box-shadow: 0 0 15px #f5af19, 0 0 30px #f12711;
90-
}
91-
9271
/* Bot Grid */
9372
.bot-grid {
9473
display: grid;
@@ -97,71 +76,39 @@ ul {
9776
}
9877

9978
.bot-card {
100-
background: linear-gradient(145deg, #1a1a1a, #111111);
79+
background-color: #1e1e1e; /* dark card background */
10180
padding: 1.5rem;
102-
border-radius: 15px;
103-
transition: transform 0.3s, box-shadow 0.3s;
104-
box-shadow: 0 0 10px #6a11cb33;
81+
border-radius: 12px;
82+
transition: transform 0.3s;
10583
}
10684

10785
.bot-card:hover {
10886
transform: translateY(-5px);
109-
box-shadow: 0 0 20px #6a11cb, 0 0 40px #2575fc;
11087
}
11188

11289
.bot-card h3 {
11390
margin-bottom: 0.5rem;
114-
color: #f5af19;
115-
text-shadow: 0 0 5px #f5af19, 0 0 10px #f12711;
91+
color: #00d4ff; /* cyan card headings */
11692
}
11793

11894
.bot-card a.btn {
11995
margin-top: 0.5rem;
12096
display: inline-block;
121-
background: linear-gradient(45deg, #6a11cb, #2575fc);
122-
color: #fff;
123-
font-weight: bold;
124-
border-radius: 8px;
125-
padding: 0.5rem 1rem;
126-
text-decoration: none;
127-
box-shadow: 0 0 10px #6a11cb, 0 0 20px #2575fc;
128-
transition: all 0.3s;
129-
}
130-
131-
.bot-card a.btn:hover {
132-
background: linear-gradient(45deg, #f5af19, #f12711);
133-
box-shadow: 0 0 20px #f5af19, 0 0 30px #f12711;
97+
background-color: #ff6f61; /* coral buttons */
98+
color: #ffffff;
13499
}
135100

136101
/* Contact Links */
137102
.contact-links a.btn {
138103
margin: 0.5rem;
139-
background: linear-gradient(45deg, #2575fc, #6a11cb);
140-
color: #fff;
141-
font-weight: bold;
142-
padding: 0.5rem 1.2rem;
143-
border-radius: 8px;
144-
text-decoration: none;
145-
box-shadow: 0 0 10px #2575fc, 0 0 20px #6a11cb;
146-
transition: all 0.3s;
147-
}
148-
149-
.contact-links a.btn:hover {
150-
background: linear-gradient(45deg, #f5af19, #f12711);
151-
box-shadow: 0 0 20px #f5af19, 0 0 30px #f12711;
152-
transform: translateY(-2px);
104+
background-color: #ff6f61; /* coral buttons */
105+
color: #ffffff;
153106
}
154107

155108
/* Footer */
156109
footer {
157110
text-align: center;
158111
padding: 2rem 1rem;
159-
background-color: #111;
160-
color: #f5af19;
161-
box-shadow: 0 -5px 20px #6a11cb33 inset;
162-
}
163-
164-
/* Smooth scroll */
165-
html {
166-
scroll-behavior: smooth;
112+
background-color: #111; /* slightly darker footer */
113+
margin-top: 3rem;
167114
}

0 commit comments

Comments
 (0)