index.html

<!DOCTYPE html "lang"en-us><!--Code written by EFRATA ARON-->
<html>
<head>
    <meta charset="UTF-8" />
   <title>My Personal Website</title>
</head>
<body  style="background-color:#9cc48a;">
    
    <!--header-->
    <header> 
        <h1><b>My Personal Website</b></h1>
        <!--Image Sidebar-->
        <aside>
            <img width=200 src="Efrata Aron photo.jpg" alt="My Image">
        </aside>
    </header>
    <!--navigation menu-->
    <nav>
        <ul>
            <li><a href="#">HOME</a></li>
            <li><a href="#About Me">ABOUT</a></li>
            <li><a href="#Contact Me">CONTACT</a></li>
        </ul>
    </nav>
    <!--Main content-->
    <main> 
        
        <!--About me-->
        <section id="About Me">
            <hr>
            <h2>About Me</h2>
            
            <p>Hello, my name is <b>EFRATA ARON.</b> 
                Iam an orthodox christian. <br>Iam eritrean and ethiopian by nationality.<br>
                Iam a software engineering student.<br>
                Iam passionate about creating innovative solutions to solve the problems affecting our world.<br>
                Iam always looking out for new ways to learn. <br>
                 Iam interested in programming, reading, writing,programming, gardening and travelling among others.
                Iam honest, responsible and creative among others.</p><br>
                <hr>
                </section>

        <!--hobbies and interests-->
        <section>
            
            <h2>Hobbies and interests</h2>
            <ui>
                <li><a href="hobbies.html" target="_blank"> 
                   more on Hobbies</a> my hobbies and interests</li> 
                
            </ui>
        </section>
        <!--Contact me-->
        <section id="Contact Me">
            <hr>
            <h2>Contact Me </h2>
            <form action="mail to:ephretaselasie@gmail.com method="post">
                <label for="name">Name:</label>
                <input type="text" id="name" name="name" required><br>

                <label for="Email">Email:</label>
                <input type="text" id="Email" name="Email" required><br>

                <label for="message">Message:</label>

                <textarea id="message" name="message" required></textarea><br>
                
                <button type="submit">Submit</button>
            </form>
        </section>
    </main>
    
    <br>
    <!--footer-->
    <footer>
        <p>&copy; 2023 EFRATA ARON my personal website. all rights reserved</p>
    </footer>
</body>
</html>