diff --git a/assets/css/custom.css b/assets/css/custom.css index 19d3e1e..a879264 100644 --- a/assets/css/custom.css +++ b/assets/css/custom.css @@ -1,12 +1,11 @@ - @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap'); :root { - --primary-color: #2563EB; + --primary-color: #000000; --secondary-color: #475569; --background-color: #F8FAFC; --surface-color: #FFFFFF; - --text-color: #1E293B; + --text-color: #000000; --border-radius: 0.5rem; } @@ -21,15 +20,23 @@ body { box-shadow: 0 2px 4px rgba(0,0,0,0.05); } -.hero { - background: linear-gradient(45deg, rgba(37, 99, 235, 0.9), rgba(96, 165, 250, 0.9)), url('https://picsum.photos/seed/hero/1600/900') no-repeat center center; - background-size: cover; - color: white; - padding: 6rem 1rem; +.navbar-brand, .nav-link { + color: var(--text-color); } -.hero h1 { - font-weight: 700; +.hero { + background-color: var(--surface-color); + padding: 6rem 1rem; + display: flex; + align-items: center; + min-height: 80vh; +} + + color: var(--text-color); +} + +h1, h2, h3, h4, h5, h6 { + color: var(--text-color); } .section { @@ -38,7 +45,7 @@ body { .section-title { font-weight: 700; - color: var(--primary-color); + color: var(--text-color); margin-bottom: 2rem; } @@ -70,3 +77,56 @@ body { padding: 2rem 1rem; border-top: 1px solid #e2e8f0; } + +#portfolio .section-title, #contact .section-title { + color: #000 !important; +} + +.portfolio-card { + background-color: var(--surface-color); + border: 1px solid #e2e8f0; + border-radius: var(--border-radius); + margin-bottom: 5rem; /* Increased margin for more space */ + overflow: hidden; +} + +.portfolio-card-body { + padding: 2rem; + display: flex; + flex-direction: column; + justify-content: center; +} + +.portfolio-card-title { + font-weight: 700; + color: var(--text-color); +} + +.portfolio-card-text { + color: var(--text-color); + margin-bottom: 1.5rem; +} + +.btn-dark { + background-color: #000; + color: #fff; +} + +.btn-dark:hover { + background-color: #333; +} + +.btn-outline-secondary { + border-color: #000; + color: #000; +} + +.btn-outline-secondary:hover { + background-color: #000; + color: #fff; +} + +.portfolio-card:not(:last-child) { + border-bottom: 1px solid #e2e8f0; +} + diff --git a/assets/pasted-20250917-104344-f4d265de.png b/assets/pasted-20250917-104344-f4d265de.png new file mode 100644 index 0000000..9c3f868 Binary files /dev/null and b/assets/pasted-20250917-104344-f4d265de.png differ diff --git a/assets/pasted-20250917-104638-bcdb7a3e.png b/assets/pasted-20250917-104638-bcdb7a3e.png new file mode 100644 index 0000000..efa3c2e Binary files /dev/null and b/assets/pasted-20250917-104638-bcdb7a3e.png differ diff --git a/assets/pasted-20250917-130502-48058169.png b/assets/pasted-20250917-130502-48058169.png new file mode 100644 index 0000000..9a4183f Binary files /dev/null and b/assets/pasted-20250917-130502-48058169.png differ diff --git a/index.php b/index.php index 77f8fbb..b1a1e24 100644 --- a/index.php +++ b/index.php @@ -3,8 +3,8 @@ - John Doe - Personal Portfolio - + Jane Doe - Architect Portfolio + @@ -13,9 +13,9 @@ - - - + + + @@ -23,41 +23,26 @@ -
- +
-
- -
-
-

Creative Developer & Designer

-

I build beautiful and functional websites for the modern web.

- View My Work -
-
-

About Me

-

Hello! I'm John, a passionate web developer with a knack for creating elegant solutions in the least amount of time. I specialize in front-end development and love bringing ideas to life in the browser. When I'm not coding, you can find me exploring new technologies or enjoying a good cup of coffee.

+

Hello! I'm Jane, an architect with a passion for creating sustainable and innovative buildings. I believe great design can improve lives and strive to create spaces that are both beautiful and functional. When I'm not designing, you can find me exploring new cities or sketching in my notebook.

@@ -66,25 +51,47 @@
-

Portfolio

-
-
-
- Placeholder for portfolio project one. -
-
Project One
-

A brief description of the project, highlighting the technologies used and the problems solved.

+

Latest Work

+
+
+
+
+

Modern Villa

+

A stunning architectural villa with a minimalist design, focusing on open spaces and natural light.

+ More
+
+ Modern Architectural Villa +
-
-
- Placeholder for portfolio project two. -
-
Project Two
-

Another project description, focusing on the creative process and the final outcome.

+
+
+
+
+
+

City Museum

+

A contemporary museum design that blends with the urban landscape, featuring a unique facade.

+ More
+
+ Contemporary City Museum +
+
+
+
+
+
+
+

Residential Tower

+

A high-rise residential tower with a focus on sustainable living and community spaces.

+ More +
+
+
+ Sustainable Residential Tower +
@@ -108,19 +115,19 @@
- +
-
+