Tempor diam pede cursus vitae
September 11, 2014
Tempor diam pede cursus vitae
September 11, 2014

The aim of this project is to build a personal resume webpage using basic HTML.

πŸ’‘ Technologies Used :

  • HTML5
  • Anchor Tags (<a>)
  • Lists (<ul>, <ol>, <li>)
  • Headings (<h1> – <h3>)
  • Image Tag (<img>)
  • mailto & tel Protocols
  • Basic Page Structure
				
					<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Amir Hossein KhoshSorour</title>
</head>
<body>
    <table cellspacing="20">
        <tr>
        <td>
    <img decoding="async" src="Amirhossein Khosh sorour.JPG" alt="Amir Hossein KhoshSorour">
        </td>
        <td>
    <h1>Amir Hossein Khoshsorour</h1>
    <p><a href="mailto:ahkhoshsorour@gmail.com">AHKHOSHSOROUR@GMAIL.COM</a></p>
    <p><a href="tel:+98 902 928 8894">+98 902 928 8894</a></p>
        </td>
        </tr>
    </table>
    <hr noshade="">
<!--  -->
    <h2>Education</h2>
    <table cellspacing="4"> 
        <tr>
            <td><h5>2018-2021</h5></td>
           <td><h3>Bachelor in Business Administration</h3></td>
        </tr>
        <tr>
            <td></td>
            <td><a href="https://pnu.ac.ir/en-US/DouranPortal/1/page/Home"> Payam e Noor University</a></td>
        </tr>
        <tr>
            <td><h5>2016-2017</h5></td>
           <td><h3>Pre-University Certificate</h3></td>
        </tr>
        <tr>
            <td></td>
            <td><a href="https://sampad.gov.ir/">National Organization for Development of Exceptional Talents</a></td>
        </tr>
        <tr>
            <td><h5>2013–2016</h5></td>
           <td><h3>High School Diploma</h3></td>
        </tr>
        <tr>
            <td></td>
            <td><a href="https://sampad.gov.ir/">National Organization for Development of Exceptional Talents</a></td>
        </tr>
    </table>
    <hr noshade="">
<!--  -->
    <h2>Honors & Awards</h2>
    <h3><li>N.O.D.E.T</li></h3>
    <p><ul>Accepted into the National Organization for Development of Exceptional
        Talents, the highest level of education for exceptional talents in Iran.</ul></p>
    <h3><li>School’s Mayor</li></h3>
    <p><ul>Highest managerial position granted to a student, Selected by Dr. Ayoub
        Najafzadeh, Director General of Education and Training of Guilan, and Dr.
        Mohammad Ali Sabat Ghadam, Mayor of Rasht.</ul></p>
    <hr noshade="">
<!--  -->
    <h2>Work Experience</h2>
    <h3><li>YouTube Automation Expert</li></h3>
    <p><ul>Expanded my self-employment venture by securing international clients from
        the Netherlands, Germany, and the USA, experiencing work in international
        teams.</ul></p>
    <h3><li>Sales Representative</li></h3>
    <p><ul>Created a personalized sales guide and implemented targeted strategies, earning first place as a top salesperson of academic resources and exam preparation
        materials in northern Iran for a full month.</ul></p>
    <h3><li>Accountant</li></h3>
    <p><ul>Gained hands-on experience in gold valuation and accounting.</ul></p>
    <hr noshade="">
				
			

Step 1:

In this first step of the project:

  • Create the basic HTML document structure

  • Add personal details (image, phone, email, name)

  • Organize content using headings and sections

				
					    <h2>Technical Skills</h2>
    <ul><li>Content Management & Scheduling</li></ul>
    <ul><li>Project Management & Collaboration Tools</li></ul>
    <ul><li>Sales Script Development</li></ul>
    <ul><li>Accounting</li></ul>
    <hr noshade="">
<!--  -->
    <h2>Computer Skills</h2>
    <ul><li>ICDL Full Standard</li></ul>
    <ul><li>MS Office</li></ul>
    <ul><li>Adobe Photoshop</li></ul>
    <hr noshade="">
<!--  -->
    <h2>International Tests</h2>
    <h3><ol><li>IELTS | Score: 7.5</li></ol></h3>
    <ul><li>Listening 8.5</li></ul>
    <ul><li>Reading 7.5</li></ul>
    <ul><li>Writing 7.5</li></ul>
    <ul><li>Speaking 7</li></ul>
    <hr noshade="">
<!--  -->
    <h2>Hobbies</h2>
    <h3>Playing Soccer and volleyball</h3>
    <ul><li>Listening to EDM music</li></ul>
    <ul><li>Watching Comedy Movies</li></ul>
    <ul><li>Attending Collaborative Meetups</li></ul>
    <hr noshade="">
    <!--  -->
    <h2>Socials</h2>
    <ol><h3><li><a href="https://www.webwaki.ir">WebSite</li></a></h3>
    <h3><li><a href="https://www.linkedin.com/in/amirhossein-khoshsorour-958006339">LinkedIn</ol></li></a></h3>
    <hr noshade="">
    <!--  -->
    <h2>References</h2>
    <h3><li>Dr. Sayyed Rahim Safavi Mirmahaleh</li></h3>
    <p><ul>Instructor of Marketing, Faculty Member, Payame Noor University, Rasht,
        Guilan, Iran</ul></p>
    <ul><a href="mailto:srsm@pnu.ac.ir">srsm@pnu.ac.ir</a></ul>
    <h3><li>Dr. Mirhadi Moazzen Jamshidi</li></h3>
    <p><ul>Assistant Professor of Organization and Management, Faculty Member,
        Payame Noor University, Rasht, Guilan, Iran</ul></p>
    <ul><a href="mailto:jamshidi.hadi@pnu.ac.ir">jamshidi.hadi@pnu.ac.ir</a></ul>
    <h3><li>Dr. Shahram Yaghoubzadeh Shahrastani</li></h3>
    <p><ul>Instructor of Statistics and Probability, Faculty Member, Payame Noor University, Rasht, Guilan, Iran</ul></p>
    <ul><a href="mailto:yagoubzade@pnu.ac.ir">yagoubzade@pnu.ac.ir</a></ul>
    <hr noshade="">
    <ul><a href="D:\Py for SEO\DAY 38\Contact Me.html">Contact Me</a></ul>
    
    
</body>
</html>
				
			

Step 2:

In this second step of the project:

  • Use consistent heading hierarchy (h1 β†’ h2 β†’ h3)

  • Use proper <ul> and <li> nesting

  • Keep links inside anchor tags for easy extraction

  • Structure references and contact information clearly