Untitled

<!DOCTYPE html>
<html>

<head>
    <title>WA Resume</title>
</head>

<body>
    <!--Navbar-->
    <header>
        <h2>WA.</h2>
        <nav>
            <ul>
                <li><a href="/">Home</a></li>
                <li><a href="/">About Us</a></li>
                <li><a href="/">Resume</a></li>
                <li><a href="/">Services</a></li>
                <li><a href="/">Portfolio</a></li>
                <li><a href="/">Pricing</a></li>
                <li><a href="/">Contact</a></li>
            </ul>
        </nav>
    </header>
    <main>
        <!--Hero Image-->
        <section>
            <p>Hello, IM White Alexa</p>
            <h1>Creative Designer</h1>
            <h2>Freelancer Web/Mobile UI/UX Designer with Motion Graphics</h2>
            <a href="#">Hire Me</a>
            <a href="#">Get Resume</a>
            <img src="/" alt="Hero Image">
        </section>
        <!--About Us-->
        <section>
            <h2>About Us</h2>
            <p>Why Choose Me?</p>
            <img src="/" alt="About Us Image">
            <h2>Why Chosse me?</h2>
            <p>Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web
                designs. The passage is attributed to an unknown typesetter in the 15th century who is thought to have
                scrambled parts of Cicero's De Finibus Bonorum et Malorum for use in a type specimen book.</p>
            <h3>Here is Few Features:</h3>
            <ul>
                <li>User interface Design</li>
                <li>User Experience Design</li>
                <li>Visual Commination Design</li>
                <li>Interctive Design</li>
                <li>Supper Support</li>
            </ul>
            <a href="#">Hire Me</a>
            <a href="#">Get Resume</a>
        </section>
        <!--Services-->
        <section>
            <h2>Services</h2>
            <p>What We Provide You?</p>
            <div class="row-1">
                <span>
                    <img src="/" alt="Web Design Logo">
                    <h2>Web Design</h2>
                    <p>Lipsum as it is sometimes known is dummy text used in laying out print, graphic or web designs.
                    </p>
                </span>
                <span>
                    <img src="/" alt="Interface Design Logo">
                    <h2>Interface Design</h2>
                    <p>Lipsum as it is sometimes known is dummy text used in laying out print, graphic or web designs.
                    </p>
                </span>
                <span>
                    <img src="/" alt="Web Development Logo">
                    <h2>Web Development</h2>
                    <p>Lipsum as it is sometimes known is dummy text used in laying out print, graphic or web designs.
                    </p>
                </span>
            </div>
            <div class="row-2">
                <span>
                    <img src="/" alt="UX Design Logo">
                    <h2>UX Design</h2>
                    <p>Lipsum as it is sometimes known is dummy text used in laying out print, graphic or web designs.
                    </p>
                </span>
                <span>
                    <img src="/" alt="Motion Graphic Logo">
                    <h2>Motion Graphic</h2>
                    <p>Lipsum as it is sometimes known is dummy text used in laying out print, graphic or web designs.
                    </p>
                </span>
                <span>
                    <img src="/" alt="SEO Optimize Logo">
                    <h2>SEO Optimize</h2>
                    <p>Lipsum as it is sometimes known is dummy text used in laying out print, graphic or web designs.
                    </p>
                </span>
            </div>
        </section>
        <!--Resume-->
        <section>
            <h2>Resume</h2>
            <p>My formal Bio Details</p>
            <span>
                <nav>
                    <ul>
                        <li>Education</li>
                        <li>Work History</li>
                        <li>Programming Skill</li>
                        <li>Designer Skills</li>
                        <li>SEO Skills</li>
                    </ul>
                </nav>
            </span>
            <span>
                <div>
                    <h3>Envato University</h3>
                    <b>B.sc in Computer Engineer</b>
                    <p>Reference site about Lorem Ipsum, giving information on its origins, as well as a random Lipsum
                        generator.</p>
                </div>
                <div>
                    <h3>Envato University</h3>
                    <b>B.sc in Computer Engineer</b>
                    <p>Reference site about Lorem Ipsum, giving information on its origins, as well as a random Lipsum
                        generator.</p>
                </div>
                <div>
                    <h3>Envato University</h3>
                    <b>B.sc in Computer Engineer</b>
                    <p>Reference site about Lorem Ipsum, giving information on its origins, as well as a random Lipsum
                        generator.</p>
                </div>
            </span>
        </section>
        <!--Portfolio-->
        <section>
            <h2>Portfolio</h2>
            <p>Check in Our Latest Works</p>
            <nav>
                <ul>
                    <li>All Work</li>
                    <li>Illustration</li>
                    <li>Animation</li>
                    <li>App UI</li>
                    <li>Web UI</li>
                    <li>Social Media</li>
                    <li>Print Design</li>
                </ul>
            </nav>
            <img src="/" alt="Portfolio Image">
        </section>
        <!--Pricing-->
        <section>
            <h2>Pricing</h2>
            <p>Check our Services package</p>
            <ul></ul>
        </section>
    </main>