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..c84a8f0 100644 --- a/index.html +++ b/index.html @@ -8,6 +8,102 @@ Full Stack Portfolio - +
+
+ + +
+
+

Hiring A

+

Full-Stack Developer?

+

DEVELOPER?

+
+

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

+
+
+
+

ABOUT ME

+
+

Inroduction

+
+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Unde quae eligendi eos consequatur ab repudiandae laudantium qui maxime assumenda, veniam nam voluptate exercitationem dolores enim velit atque, nobis officia repellendus.

+
+

Technical Skills

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

PORTFOLIO

+
+
+

Title

+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Sed deserunt necessitatibus voluptatem vel placeat nemo autem, tempora ut inventore corporis soluta vitae sequi officiis temporibus? Quaerat, nobis sint. Nulla, ducimus?

+
+ READ MORE +
+
+ GitHub Repo +
+
+

Title

+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Sed deserunt necessitatibus voluptatem vel placeat nemo autem, tempora ut inventore corporis soluta vitae sequi officiis temporibus? Quaerat, nobis sint. Nulla, ducimus?

+
+ READ MORE +
+
+ GitHub Repo +
+
+

Title

+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Sed deserunt necessitatibus voluptatem vel placeat nemo autem, tempora ut inventore corporis soluta vitae sequi officiis temporibus? Quaerat, nobis sint. Nulla, ducimus?

+
+ READ MORE +
+
+ GitHub Repo +
+
+
+
+

EXPERIENCE

+

Job Title

+
+

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Totam cum recusandae enim asperiores ex culpa voluptatem? Ipsa cumque modi, eligendi autem reprehenderit molestias exercitationem tenetur non mollitia excepturi beatae voluptatem!

+
+

Job Title

+
+

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Totam cum recusandae enim asperiores ex culpa voluptatem? Ipsa cumque modi, eligendi autem reprehenderit molestias exercitationem tenetur non mollitia excepturi beatae voluptatem!

+
+
+
+ © by Loza +
+ \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..3002308 --- /dev/null +++ b/style.css @@ -0,0 +1,138 @@ +*{ + margin: 0; + box-sizing: border-box; + scroll-behavior: smooth; + +} +.home{ + background-color: rgb(51, 177, 162); + height: 100vh; +} + +.header{ + display: grid; + grid-auto-flow: column; + padding: 20px; + +} +.logo ul li{ + list-style-type: none; +} +.logo ul li a{ + color: rgb(255, 255, 255); + text-decoration: none; + font-weight: bold; + font-family: Arial, Helvetica, sans-serif; + font-size: 30px; + padding-left: -20px; +} +nav ul{ + display: grid; + grid-auto-flow: column; +} +.navigation ul li { + list-style-type: none; + +} +.navigation ul li a{ + text-decoration: none; + color: rgb(51, 177, 162); + background-color: white; + font-family: Arial, Helvetica, sans-serif; + padding: 5px 10px; + border-radius: 5px; + +} +.navigation ul li a:hover{ + color: gold; +} +.navigation > ul> li:nth-child(1){ + padding-left: 250px; +} +.main-home{ + display: grid; + place-content: center; + padding: 50px 400px 100px 400px; + color: white; +} +.main-home > h1{ + font-size: 60px; +} +.main-home > p > strong{ + color: black; +} +.main-home > p > em{ + text-decoration: underline black; +} +.aboutme{ + min-height: 250px; + padding: 20px 300px 20px 300px ; + height: 1fr; + margin-top: 0; +} +.aboutme> h2{ + text-align: center; +} +.technical{ + display: grid; + grid-auto-flow: column; +} +.secondrow{ + padding-right: 900px; +} +.portfolio{ + height: 1fr; + background-color: rgb(238, 213, 218); + padding: 20px 200px 20px 200px; + min-height: 100vh; + +} +.portfolio > h2{ + display: grid; + text-align: center; + margin-bottom: 20px; +} +.boxes{ + display: grid; + grid-auto-flow: column; + gap: 10px; + +} +.redbox{ + border: solid 5px rgb(162, 26, 87); + border-radius: 4px; + background-color: white; + padding: 20px; +} +.read { + display: grid; + color: rgb(245, 242, 242); + background-color: rgb(162, 26, 87); + padding: 5px 20px; + text-decoration: none; + font-family: Arial, Helvetica, sans-serif; + text-align: center; +} +.gitrepo{ + color: rgb(162, 26, 87); + display: grid; + padding-left: 10px; + text-align: center; +} +.experience{ + min-height: 100vh; + padding: 20px 300px; + height: 1fr; +} +.experience > h2{ + display: grid; + padding-bottom: 20px; + text-align: center; +} +.footer{ + background-color: rgb(22, 29, 57); + color: white; + height: 40px; + padding: 10px 0 0 10px; + text-align: center; +} \ No newline at end of file