Untitled
unknown
plain_text
6 months ago
2.8 kB
3
Indexable
<html> <head> <title>Your Name - Portfolio</title> <link rel="stylesheet" type="text/css" href="first.css"> </head> <body> <header> <!-- <img src=""> --> <h1>Your Name</h1> <p>Web Developer | Designer | Tech Enthusiast</p> </header> <section id="bio"> <h2>About Me</h2> <p>[Your biography]</p> </section> <section id="education"> <h2>Education</h2> <hr> <div class="sections"> <h4>University of plovdiv "Paisii Hilendarski"</h4> <h5>Master's Degree</h5> Software Technologies with Specilization in Software Architecture 6.00/6.00 </div> <div class="sections", id = "padding"> <h4>University of plovdiv "Paisii Hilendarski"</h4> <h5>Bachelor's Degree</h5> Computer Science 5.53/6.00 </div> </section> <section id="employment"> <h2>Employment</h2> <hr> <div class="sections"> <h4>A1 Telekom Austria</h4> <h5>Aug 2024 - Present</h5> </div> <div class="sections"> <h4>Mentormate</h4> <h5>Feb 2022 - Jul 2024</h5> </div> <div class="sections"> <h4>Royal Bank of canada</h4> <h5>Sep 2022 - Feb 2024</h5> </div> </section> <section id="work"> <h2>My Work</h2> <div class="project" id="project1">Project 1</div> <div class="project" id="project2">Project 2</div> <div class="project" id="project3">Project 3</div> </section> <section id="projects"> <h2>Projects</h2> <div class="project"></div> </section> <footer> <p>Contact me at [your email]</p> </footer> </body> </html> -------------------------------- body { font-family: Arial, sans-serif; } header { text-align: center; padding: 10px; background-color: #f4f4f4; } header img { width: 150px; height: 150px; border-radius: 50%; margin-bottom: 10px; } section { margin: 20px; } .project { width: 200px; /* Square dimensions */ height: 200px; border: 1px solid #ccc; margin: 10px; display: inline-block; /* Aligns the containers side by side */ text-align: center; line-height: 200px; /* Vertically centers the text */ } .sections { text-align: center; line-height: 1; /* padding-top: 20px; */ } h1, h2 { color: #333; } hr { padding-top: 0px; width: auto; margin-left: 0px; } #bio, #work, #projects { background-color: #e9e9e9; padding: 15px; border-radius: 5px; } footer { background-color: #f4f4f4; text-align: center; padding: 10px; }
Editor is loading...
Leave a Comment