diff --git a/assets/css/custom.css b/assets/css/custom.css new file mode 100644 index 0000000..c4e99d4 --- /dev/null +++ b/assets/css/custom.css @@ -0,0 +1,27 @@ + +body { + font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; +} + +h1, h2, h3, h4, h5, h6 { + font-family: Georgia, 'Times New Roman', Times, serif; +} + +.hero { + background: linear-gradient(45deg, #0d6efd, #6f42c1); + color: white; +} + +section { + padding: 60px 0; +} + +.portfolio-item img { + width: 100%; + height: 200px; + object-fit: cover; +} + +.testimonial-card { + background-color: #f8f9fa; +} diff --git a/assets/js/main.js b/assets/js/main.js new file mode 100644 index 0000000..0a05748 --- /dev/null +++ b/assets/js/main.js @@ -0,0 +1,18 @@ + +document.addEventListener('DOMContentLoaded', function () { + // Smooth scrolling for navigation links + const navLinks = document.querySelectorAll('.nav-link'); + + for (const link of navLinks) { + if (link.hash !== "") { + link.addEventListener('click', function (event) { + event.preventDefault(); + const hash = this.hash; + + document.querySelector(hash).scrollIntoView({ + behavior: 'smooth' + }); + }); + } + } +}); diff --git a/index.php b/index.php index 7205f3d..0e9f41f 100644 --- a/index.php +++ b/index.php @@ -1,150 +1,157 @@ - - + - - - New Style - - - - - - - - - - - - - - - - - - - + + + <?php echo htmlspecialchars($_SERVER['PROJECT_NAME'] ?? '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

-
-
- + + + + + +
+
+

Welcome to My Portfolio

+

I build beautiful and functional websites.

+ See My Work +
+
+ + +
+
+
+
+

About Me

+

This is a placeholder for your about section. Talk about your passion, your skills, and your experience. Make it personal and engaging. Let visitors know who you are beyond the professional. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+
+
+
+
+ + +
+
+

Portfolio

+
+ +
+
+ Project 1 +
+
Project One
+

A brief description of the project. What was the challenge and how you solved it.

+
+
+
+ +
+
+ Project 2 +
+
Project Two
+

A brief description of the project. What was the challenge and how you solved it.

+
+
+
+ +
+
+ Project 3 +
+
Project Three
+

A brief description of the project. What was the challenge and how you solved it.

+
+
+
+
+
+
+ + +
+
+

Testimonials

+
+
+
+

"This is a placeholder testimonial. A great quote from a happy client goes here. It builds trust and credibility."

+
Client Name, Company
+
+
+

"Another fantastic quote. Highlighting specific positive outcomes is very effective. Keep it short and impactful."

+ +
+
+
+
+
+ + +
+
+

Contact Me

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