From 1a233859ba88b0013fc1b17e60545cbe87d2c000 Mon Sep 17 00:00:00 2001 From: Alessandro Ferro <49845537+xfarrow@users.noreply.github.com> Date: Tue, 20 Feb 2024 22:16:54 +0100 Subject: [PATCH] add profile page --- .../html/content/profile-picture-example.jpg | Bin 0 -> 9858 bytes frontend/html/css/profile.css | 62 ++++++++++++++++++ frontend/html/html/myprofile.html | 45 +++++++++++++ 3 files changed, 107 insertions(+) create mode 100644 frontend/html/content/profile-picture-example.jpg create mode 100644 frontend/html/css/profile.css create mode 100644 frontend/html/html/myprofile.html diff --git a/frontend/html/content/profile-picture-example.jpg b/frontend/html/content/profile-picture-example.jpg new file mode 100644 index 0000000000000000000000000000000000000000..bf588a2d3b5f24a887d4062af83b89ee18a8ade1 GIT binary patch literal 9858 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 literal 0 HcmV?d00001 diff --git a/frontend/html/css/profile.css b/frontend/html/css/profile.css new file mode 100644 index 0000000..38ac723 --- /dev/null +++ b/frontend/html/css/profile.css @@ -0,0 +1,62 @@ +body { + font-family: Arial, sans-serif; + margin: 0; + padding: 0; + background-color: #f7f7f7; +} + +.container { + max-width: 800px; + margin: 20px auto; + background-color: #fff; + padding: 20px; + border-radius: 5px; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); +} + +header { + text-align: center; + margin-bottom: 20px; +} + +h1 { + color: #333; + margin-bottom: 5px; +} + +p { + color: #666; +} + +section { + margin-bottom: 20px; +} + +h2 { + color: #333; + margin-bottom: 10px; +} + +.job h3, .education h3 { + color: #444; + margin-bottom: 5px; +} + +ul { + list-style-type: disc; + margin-left: 20px; +} + +footer { + text-align: center; + margin-top: 20px; + color: #666; +} + +.profile-picture { + width: 150px; /* Adjust size as needed */ + height: 150px; + border-radius: 50%; /* Make it circular */ + margin-bottom: 10px; +} + diff --git a/frontend/html/html/myprofile.html b/frontend/html/html/myprofile.html new file mode 100644 index 0000000..f3b68ab --- /dev/null +++ b/frontend/html/html/myprofile.html @@ -0,0 +1,45 @@ + + + + + + Resume + + + +
+
+ Profile Picture +

John Doe

+

Web Developer

+
+
+

About Me

+

I am a passionate web developer with experience in HTML, CSS, and JavaScript. I enjoy creating responsive and user-friendly websites.

+
+
+

Experience

+
+

Web Developer

+

Blink Corporation: 2020-Present

+
    +
  • Developed and maintained company website
  • +
  • Implemented new features using HTML, CSS, and JavaScript
  • +
  • Collaborated with designers to ensure UI/UX best practices
  • +
+
+
+
+

Education

+
+

Bachelor of Science in Computer Science

+

XYZ University: 2016-2020

+
+
+ +
+ + +