From bdb8a6e1cc56673fa9989d4cd75e9dac466b961e Mon Sep 17 00:00:00 2001 From: SHREYASH GAIKWAD Date: Mon, 21 Oct 2024 12:26:48 +0530 Subject: [PATCH 1/5] Create shrex.html --- shrex.html | 36 ++++++++++++++++++++++++++++++++++++ 1 file changed, 36 insertions(+) create mode 100644 shrex.html diff --git a/shrex.html b/shrex.html new file mode 100644 index 0000000..e068783 --- /dev/null +++ b/shrex.html @@ -0,0 +1,36 @@ + + + + + + Simple Portfolio + + + +
+

Shreyash Gaikwad

+

Web Developer & Designer

+
+ + + +
+

About Me

+

Hi, I'm Shreyash Gaikwad, a passionate web developer with experience in creating dynamic and responsive websites. I love coding and designing sleek, user-friendly interfaces.

+
+ +
+

Contact Me

+

Email: spg@example.com

+
+ + + + From 14077ae17ccbf16e2a780d75703cf2cbb95646fe Mon Sep 17 00:00:00 2001 From: SHREYASH GAIKWAD Date: Mon, 21 Oct 2024 12:27:41 +0530 Subject: [PATCH 2/5] Update shrex.html --- shrex.html | 1 + 1 file changed, 1 insertion(+) diff --git a/shrex.html b/shrex.html index e068783..2b52315 100644 --- a/shrex.html +++ b/shrex.html @@ -32,5 +32,6 @@

Contact Me

© 2024 Shreyash Gaikwad. All rights reserved.

+ From b2b33c38d5c06949471d57d98e8f9839c2effa67 Mon Sep 17 00:00:00 2001 From: SHREYASH GAIKWAD Date: Mon, 21 Oct 2024 12:28:49 +0530 Subject: [PATCH 3/5] Create shrex.js --- assets/js/shrex.js | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) create mode 100644 assets/js/shrex.js diff --git a/assets/js/shrex.js b/assets/js/shrex.js new file mode 100644 index 0000000..2f013e1 --- /dev/null +++ b/assets/js/shrex.js @@ -0,0 +1,17 @@ +// Smooth Scrolling +document.querySelectorAll('a[href^="#"]').forEach(anchor => { + anchor.addEventListener('click', function(e) { + e.preventDefault(); + document.querySelector(this.getAttribute('href')).scrollIntoView({ + behavior: 'smooth' + }); + }); +}); + +// Mobile Menu Toggle +const menuToggle = document.querySelector('.menu-toggle'); +const menu = document.querySelector('#menu'); + +menuToggle.addEventListener('click', () => { + menu.classList.toggle('active'); +}); From 682a8f56ef263b51b33bb19750027690d74bf6dd Mon Sep 17 00:00:00 2001 From: SHREYASH GAIKWAD Date: Mon, 21 Oct 2024 12:29:27 +0530 Subject: [PATCH 4/5] Create shrex.css --- assets/css/shrex.css | 32 ++++++++++++++++++++++++++++++++ 1 file changed, 32 insertions(+) create mode 100644 assets/css/shrex.css diff --git a/assets/css/shrex.css b/assets/css/shrex.css new file mode 100644 index 0000000..99acd2b --- /dev/null +++ b/assets/css/shrex.css @@ -0,0 +1,32 @@ + +.menu-toggle { + display: none; + cursor: pointer; + font-size: 24px; + color: #fff; + padding: 10px; +} + +/* Hide the menu on smaller screens */ +@media (max-width: 600px) { + nav ul { + display: none; + flex-direction: column; + background-color: #444; + } + + nav ul li { + display: block; + margin-bottom: 10px; + text-align: center; + } + + .menu-toggle { + display: block; + text-align: center; + } + + nav ul.active { + display: flex; + } +} From 90d54f06c11ddd13c79c8d23642597df5fd10671 Mon Sep 17 00:00:00 2001 From: SHREYASH GAIKWAD Date: Mon, 21 Oct 2024 12:29:52 +0530 Subject: [PATCH 5/5] Update shrex.html --- shrex.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/shrex.html b/shrex.html index 2b52315..6584dd3 100644 --- a/shrex.html +++ b/shrex.html @@ -4,7 +4,7 @@ Simple Portfolio - +
@@ -32,6 +32,6 @@

Contact Me

© 2024 Shreyash Gaikwad. All rights reserved.

- +