diff --git a/Saqib_Portfolio/index.html b/Saqib_Portfolio/index.html new file mode 100644 index 00000000..4af43618 --- /dev/null +++ b/Saqib_Portfolio/index.html @@ -0,0 +1,122 @@ + + + + + + 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:

+ +
+
+ + + 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