about.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <!-- Styles Own -->
    <link rel="stylesheet" href="styles.css">
    <title>Protafolio Simple About | Dev FJTR</title>
</head>
<body>
    <header id="mainheader">
        <nav class="navbar">
            <div class="container">
                    <div class="logo">
                    <a href="index.html">Alex Smith</a>
                    </div>
                    <ul>
                        <li ><a href="index.html">Work</a></li>
                        <li class="current"><a href="about.html">About</a></li>
                        <li><a href="contact.html">Contact</a></li>
                    </ul>
            </div>
        </nav>

        <div id="showcase" class="bk-showcase">
            <div class="container">
                <div class="showcase-content txt-center bk-color p-1">
                    <h1 class="display-1">Hello, I am Alex Smith. <br> Web Designer and Creative</h1>
                    <p class="txt-large">My work are just a scroll away</p>
                </div>
            </div>
        </div>

        <!-- Section About -->
        <section id="about" class="ptb-1">
            <div class="container">
                <div class="flex">
                    <div class="flex-box pr-1">
                        <h2 class="pb-1">A few works me</h2>
                        <p>
                            Lorem, ipsum dolor sit amet consectetur adipisicing elit. Commodi iusto ullam aut alias inventore provident quam vero. Eaque, in consequatur, pariatur laborum voluptatibus maiores veritatis blanditiis omnis vitae, rem voluptatem!
                        </p>
                        <p>
                            Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quo dolores totam magni illum recusandae eveniet mollitia aspernatur! Autem incidunt voluptas natus veniam blanditiis? Autem eos iure corrupti cupiditate! Architecto quasi praesentium, id molestias asperiores nobis nam velit. Magnam dolorem iure natus sint deserunt?
                        </p>
                    </div>
                    <div class="flex-box">
                        <img src="./image/about.jpg" alt="">
                    </div>
                </div>
            </div>
        </section>

        <!-- Footer Section -->
        <footer id="mainfooter" class="txt-center">
            <div class="container">
                <p>@ All rights reserved | &copy;2024 Dev FJTR</p>
            </div>
        </footer>
    </header>
</body>
</html>