index.html

<!--@CoderMo-->

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" titlecontent="width=device-width, initial-scale=1.0">
    <title>Foldable Card</title>
    <link rel="stylesheet" href="Css/style.css">
</head>

<body class="flex">
    <div class="container">
        <div class="imgbox">
            <img src="./Flip_img/3.jpg" alt="about">
            <img src="./Flip_img/4.jpg" alt="about_2">
        </div>
        <div class="details-container flex">
            <div class="content flex">
                <h1>Mohamed Mazloum <br> <span>Front-End Developer</span></h1>
                <span class="insta">@CoderMo</span>
                <p>I’m working as a Front-End Developer and contributing to Backend for building web applications.</p>
                <div class="btn">
                    <a href="https://wa.me/+201030191239" target="_blank">
                        <input class="L_btn" type="button" value="Contact">
                    </a>
                    <a href="https://github.com/coder2mo" target="_blank">
                        <input class="L_btn" type="button" value="Know More">
                    </a>
                </div>
                <div class="social-media">
                    <a href="https://facebook.com/mosh3eb" class="flex"><img src="Social/facebook.png" alt="Facebook"></a>
                    <a href="https://instagram.com/coder_mo" class="flex"><img class="ig" src="Social/instagram.png" alt="instagram"></a>
                    <a href="https://linkedin.com/in/mosh3eb" class="flex"><img class="in" src="Social/linkedin.png" alt="linkedin"></a>
                    <a href="https://twitter.com/Mo_coder" class="flex"><img class="tw" src="Social/twitter.png" alt="twitter"></a>
                </div>
            </div>
        </div>
    </div>
</body>

</html>
<!--@CoderMo-->