From 6308bb7895bfd2413cf075c96ea862c8f52507b4 Mon Sep 17 00:00:00 2001 From: samisalehsaeed Date: Sun, 17 Mar 2024 00:13:36 +0000 Subject: [PATCH] samisaeed --- .vscode/settings.json | 3 ++ index.html | 78 +++++++++++++++++++++++++++++++++++++- style.css | 87 +++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 167 insertions(+), 1 deletion(-) create mode 100644 .vscode/settings.json create mode 100644 style.css diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..6f3a291 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} \ No newline at end of file diff --git a/index.html b/index.html index dc73fbe..8155e3f 100644 --- a/index.html +++ b/index.html @@ -8,6 +8,82 @@ Full Stack Portfolio - +
+
+
+ + + +

Hiring a Full-Stack Developer?


+

I have experience with React,NodeJS and Typescript, I would love to work at an innovative and eco-friendly start-up in the sport sector.

+
+
+
+
+
+
+

ABOUT ME

+
+

Introduction

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vulputate augue sed felis placerat tempus. Phasellus elementum, justo vel luctus feugiat, ligula urna faucibus nulla, malesuada facilisis est sapien sed lacus. Cras metus dui, tempus sed rutrum a, tempor eget odio. Sed ultricies dui neque, aliquam rutrum sapien interdum at. Ut dictum nec velit eu pharetra. Aenean feugiat semper ante nec sodales. Curabitur sed lectus justo. Vestibulum a leo porta nisl venenatis hendrerit. Mauris ultricies scelerisque velit nec ullamcorper. +

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vulputate augue sed felis placerat tempus. Phasellus elementum, justo vel luctus feugiat, ligula urna faucibus nulla, malesuada facilisis est sapien sed lacus. Cras metus dui, tempus sed rutrum a, tempor eget odio. Sed ultricies dui neque, aliquam rutrum sapien interdum at. Ut dictum nec velit eu pharetra. Aenean feugiat semper ante nec sodales. Curabitur sed lectus justo. Vestibulum a leo porta nisl venenatis hendrerit. Mauris ultricies scelerisque velit nec ullamcorper. +

+ Technical Skills +

+

  • HTML & CSS
    • +
    +
  • Javascript
    • +
    +
  • Typescript
    • +
    +
  • React
    • +
    +
  • NodeJs
    • +
    +
  • Redux
    • +

    + +
    +
    +
    +
    +
    +
    +
    +

    PORTFOLIO

    +
    +
    + TITLE1
    + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vulputate augue sed felis placerat tempus. Phasellus elementum, justo vel luctus feugiat, ligula urna faucibus nulla, malesuada facilisis est sapien sed lacus. Cras metus dui, tempus sed rutrum a, tempor eget odio. Sed ultricies dui neque, aliquam rutrum sapien interdum at. Ut dictum nec velit eu pharetra. Aenean feugiat semper ante nec sodales. Curabitur sed lectus justo. Vestibulum a leo porta nisl venenatis hendrerit. Mauris ultricies scelerisque velit nec ullamcorper. +
    +
    + TITLE2
    + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vulputate augue sed felis placerat tempus. Phasellus elementum, justo vel luctus feugiat, ligula urna faucibus nulla, malesuada facilisis est sapien sed lacus. Cras metus dui, tempus sed rutrum a, tempor eget odio. Sed ultricies dui neque, aliquam rutrum sapien interdum at. Ut dictum nec velit eu pharetra. Aenean feugiat semper ante nec sodales. Curabitur sed lectus justo. Vestibulum a leo porta nisl venenatis hendrerit. Mauris ultricies scelerisque velit nec ullamcorper. +
    +
    + TITLE3
    + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vulputate augue sed felis placerat tempus. Phasellus elementum, justo vel luctus feugiat, ligula urna faucibus nulla, malesuada facilisis est sapien sed lacus. Cras metus dui, tempus sed rutrum a, tempor eget odio. Sed ultricies dui neque, aliquam rutrum sapien interdum at. Ut dictum nec velit eu pharetra. Aenean feugiat semper ante nec sodales. Curabitur sed lectus justo. Vestibulum a leo porta nisl venenatis hendrerit. Mauris ultricies scelerisque velit nec ullamcorper. +
    +
    +
    + +
    +
    +

    EXPERIENCE

    +

    Job Title


    +

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vulputate augue sed felis placerat tempus. Phasellus elementum, justo vel luctus feugiat, ligula urna faucibus nulla, malesuada facilisis est sapien sed lacus. Cras metus dui, tempus sed rutrum a, tempor eget odio. Sed ultricies dui neque, aliquam rutrum sapien interdum at. Ut dictum nec velit eu pharetra. Aenean feugiat semper ante nec sodales. Curabitur sed lectus justo. Vestibulum a leo porta nisl venenatis hendrerit. Mauris ultricies scelerisque velit nec ullamcorper.


    +

    Job Title


    +

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vulputate augue sed felis placerat tempus. Phasellus elementum, justo vel luctus feugiat, ligula urna faucibus nulla, malesuada facilisis est sapien sed lacus. Cras metus dui, tempus sed rutrum a, tempor eget odio. Sed ultricies dui neque, aliquam rutrum sapien interdum at. Ut dictum nec velit eu pharetra. Aenean feugiat semper ante nec sodales. Curabitur sed lectus justo. Vestibulum a leo porta nisl venenatis hendrerit. Mauris ultricies scelerisque velit nec ullamcorper.

    +
    +
    + + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..f844f52 --- /dev/null +++ b/style.css @@ -0,0 +1,87 @@ +*{ + margin: 0; + scroll-behavior: smooth; +} +.container { + width: 100%; +} + +.row { + display: flex; + justify-content: center; + height: 100vh; + border-bottom: 5px solid black; +} +.btn{ + padding:5px; + color: turquoise; + font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; + border:10px solid turquoise; + border-radius: 13px; + cursor: pointer; +} +.col { + flex: 1; + padding: 20px; +} +.experience-header{ + text-align: center; +} + +.homepage { + background-color: turquoise; +} +.fullstack{ + text-align: center; + color:white; + font-family:sans-serif; + font-size:50px; + padding:10px +} +.info{ + text-align: center; + font-family: sans-serif; + color: white; +} +.AE-info{ + padding-left: 300px; + padding-right: 300px; + font-family: sans-serif; +} + +.about-me-section { + background-color: rgb(255, 255, 255); +} +.AE-title{ + text-align: center; + font-family:Arial, Helvetica, sans-serif +} +.P-title{ + text-align: center; + font-family: Arial, Helvetica, sans-serif +} + +.portfolio{ + padding-left:10px; + padding-right: 10px; + background-color: rgb(255, 206, 213); +} +.portfolio-info{ + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: 10px; + background-color: rgb(255, 255, 255); +} +.txt{ + gap:20px; + text-align: center; + color: rgb(0, 0, 0); +} +.xp { + text-align: center; + background-color: rgb(255, 255, 255); + padding-right:500px; + padding-left: 500px; + font-family: sans-serif; + border-top:10px solid rgb(0, 0, 0); +}