diff --git a/assets/css/custom.css b/assets/css/custom.css new file mode 100644 index 0000000..afbb816 --- /dev/null +++ b/assets/css/custom.css @@ -0,0 +1,59 @@ + +body { + font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + background-color: #ADD8E6; + color: #1F2937; +} + +.navbar { + background-color: #FFFFFF; + box-shadow: 0 2px 4px rgba(0,0,0,0.05); +} + +.hero { + background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://picsum.photos/seed/hero/1600/900'); + background-size: cover; + background-position: center; + color: #FFFFFF; + padding: 100px 0; +} + +.hero h1 { + font-size: 3.5rem; + font-weight: 700; +} + +.section { + padding: 80px 0; +} + +.card { + border: none; + border-radius: 0.5rem; + box-shadow: 0 4px 6px rgba(0,0,0,0.1); + transition: transform 0.3s; +} + +.card:hover { + transform: translateY(-5px); +} + +.btn-primary { + background-color: #3B82F6; + border-color: #3B82F6; +} + +.btn-primary:hover { + background-color: #2563EB; + border-color: #2563EB; +} + +.btn-secondary { + background-color: #10B981; + border-color: #10B981; +} + +.btn-secondary:hover { + background-color: #059669; + border-color: #059669; +} diff --git a/assets/js/main.js b/assets/js/main.js new file mode 100644 index 0000000..fa36c56 --- /dev/null +++ b/assets/js/main.js @@ -0,0 +1,13 @@ + +document.addEventListener('DOMContentLoaded', function () { + // Smooth scrolling for anchor links + document.querySelectorAll('a[href^="#"]').forEach(anchor => { + anchor.addEventListener('click', function (e) { + e.preventDefault(); + + document.querySelector(this.getAttribute('href')).scrollIntoView({ + behavior: 'smooth' + }); + }); + }); +}); diff --git a/index.php b/index.php index 6f7ffab..399e975 100644 --- a/index.php +++ b/index.php @@ -1,131 +1,140 @@ - - + - - - New Style - - - - + + + John Doe - Personal Portfolio + + + + + + + + + + + + -
-
-

Analyzing your requirements and generating your website…

-
- Loading… -
-

AI is collecting your requirements and applying the first changes.

-

This page will update automatically as the plan is implemented.

-

Runtime: PHP — UTC

-
-
- + + + + + +
+
+

Creative Developer & Designer

+

I build beautiful and functional websites.

+ View My Work +
+
+ + +
+
+
+
+

About Me

+

I am a passionate and creative developer with a love for beautiful design and intuitive user experiences. With a background in both design and development, I bridge the gap between aesthetics and functionality.

+

When I'm not coding, you can find me exploring new technologies, hiking in the great outdoors, or enjoying a good cup of coffee.

+
+
+ A picture of John Doe +
+
+
+
+ + +
+
+

My Portfolio

+
+
+
+ Placeholder for project 1 +
+
Project One
+

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

+
+
+
+
+
+ Placeholder for project 2 +
+
Project Two
+

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

+
+
+
+
+
+ Placeholder for project 3 +
+
Project Three
+

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

+
+
+
+
+
+
+ + +
+
+

Get In Touch

+
+
+
+
+ + +
+
+ + +
+
+ + +
+ +
+
+
+
+
+ + + + + + + + + - + \ No newline at end of file