From 512521649166faa5f4c060bf512aba1ec3c0f08c Mon Sep 17 00:00:00 2001 From: saqib javed <70890519+saqibjvd@users.noreply.github.com> Date: Thu, 24 Oct 2024 00:46:06 +0100 Subject: [PATCH 1/2] saqib-portfolio created simple basic portfolio page. WIP haven't done css yet. still have to make few chabges --- Saqib_Portfolio/index.html | 123 +++++++++++++++++++++ Saqib_Portfolio/style.css | 58 ++++++++++ index.html => example_portfolio/index.html | 0 style.css => example_portfolio/style.css | 0 4 files changed, 181 insertions(+) create mode 100644 Saqib_Portfolio/index.html create mode 100644 Saqib_Portfolio/style.css rename index.html => example_portfolio/index.html (100%) rename style.css => example_portfolio/style.css (100%) diff --git a/Saqib_Portfolio/index.html b/Saqib_Portfolio/index.html new file mode 100644 index 00000000..a99fed0e --- /dev/null +++ b/Saqib_Portfolio/index.html @@ -0,0 +1,123 @@ + + + + + + My Portfolio + + + + + + + + + + +
+

Saqib Javed

+ +
+
+
+

About Me

+

+ My name is Saqib Javed, and I am a trainee at CYF, working towards becoming a software developer. + As a passionate and motivated individual, I am excited to embark on this journey. +

+ I have a strong foundation in web development, particularly in HTML, CSS and responsive web design and I am eager to expand my skills further in Python, JavaScript, Node.js, SQL, and cloud engineering. + I possess a solid understanding of data structures and algorithms and am proficient in using version control systems like Git. +

+ My enthusiasm for problem-solving and collaboration drives me to embrace challenges and learn from each experience. + I am committed to continuous learning and look forward to contributing to innovative software solutions that make a difference. +

+
+ +
+

Projects Showcase

+

+ For my project, I developed a responsive website that showcases my portfolio using HTML and CSS. The goal was to create an engaging and user-friendly interface that highlights my skills and previous work. + I utilized various CSS techniques to ensure the website is visually appealing and functions well across different devices. + One of the challenges I faced was ensuring cross-browser compatibility, which required thorough testing and adjustments to the styles. + Overall, this project not only enhanced my proficiency in HTML and CSS but also strengthened my ability to design intuitive web experiences. +

+

My Projects are:

+ +
+ +
+

Contact me

+ +

I’d love to hear from you! Whether you have a question, a project in mind, or just want to connect, feel free to reach out. + You can contact me via the following methods:

+ +

I look forward to connecting!

+ + +
+
+ + + diff --git a/Saqib_Portfolio/style.css b/Saqib_Portfolio/style.css new file mode 100644 index 00000000..6ac979a7 --- /dev/null +++ b/Saqib_Portfolio/style.css @@ -0,0 +1,58 @@ +/* Design tokens */ +:root { + --paper: hsla(251, 28%, 88%, 0.99); + --ink: hsla(244, 16%, 17%, 0.95); + --brand: hsla(0, 79%, 63%, 0.9); + --font: "Raleway", system-ui, sans-serif; + --gap: 20px; + --container: clamp(280px, calc(100vw - calc(var(--gap) * 2)), 1180px); + } + /* General Styles */ + html, + body { + scroll-behavior: smooth; + background: var(--paper); + color: var(--ink); + font-family: var(--font); + } + body { + display: grid; + margin: auto; + min-height: 100vh; + gap: var(--gap); + max-width: var(--container); + } + a, + a:any-link { + color: currentColor; + text-decoration: none; + border-bottom: 2px solid transparent; + transition: border-color ease-in-out 0.3s; + } + a:hover, + a:focus { + color: var(--brand); + border-color: currentColor; + } + /* Site header and navigation */ + body > header { + background: var(--paper); + display: flex; + justify-content: space-between; + align-items: center; + position: sticky; + top: 0; + z-index: 1; + } + nav ul { + display: flex; + list-style: none; + gap: var(--gap); + } + + /* Text readability */ + section p { + line-height: 1.5; + max-width: 55ch; + } + \ No newline at end of file diff --git a/index.html b/example_portfolio/index.html similarity index 100% rename from index.html rename to example_portfolio/index.html diff --git a/style.css b/example_portfolio/style.css similarity index 100% rename from style.css rename to example_portfolio/style.css From 635d1002d758a4667ecc5322f773fd1214b9ce45 Mon Sep 17 00:00:00 2001 From: saqib javed <70890519+saqibjvd@users.noreply.github.com> Date: Thu, 24 Oct 2024 01:24:23 +0100 Subject: [PATCH 2/2] update index.html added links to project. tested to make sure they work. WIP --- Saqib_Portfolio/index.html | 19 +++++++++---------- 1 file changed, 9 insertions(+), 10 deletions(-) diff --git a/Saqib_Portfolio/index.html b/Saqib_Portfolio/index.html index a99fed0e..4af43618 100644 --- a/Saqib_Portfolio/index.html +++ b/Saqib_Portfolio/index.html @@ -72,13 +72,15 @@

Saqib Javed

My Projects are:

@@ -92,13 +94,10 @@

My Projects are:

  • LinkedIn: Your LinkedIn Profile
  • GitHub: Your GitHub Profile
    • -

    I look forward to connecting!

    - -