Coke-Index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--==================== CSS ====================-->
    <link href="Coke-Styles.css" rel="stylesheet" type="text/css" />

    <!--==================== UNICONS ====================-->
    <link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.8/css/line.css"> 

    <title>Coco Cola Animated Logo</title>
    <link rel="icon" type="image/x-icon" href="B:\Workspace\My Projects\Icon.png">
</head>

<body>
    <div class="card">
        <div class="circle" style="--clr: #f40103"> 
        <img src="b:\Workspace\My Projects\My Website\Another Pages\1. Coke Animated Logo\Logo.png" class="logo" alt="">
        </div>
        <div class="content">  
        <h2>CocoCola</h2> 
        <p> Lorem, ipsum dolor sit amet consectetur adipisicing elit. Vero ad dolor nisi temporibus voluptatibus autem quam sit voluptatem nesciunt eius?</p>   
        <a href="#">Explore More</a>
        </div>
        <img src="b:\Workspace\My Projects\My Website\Another Pages\1. Coke Animated Logo\Bottle.png" class="product_img" alt="">
    </div>

    <footer>
        <div>
                Show Some Love <br> Credit @uzairshahid_
        </div>
            <div class="footer__links">
                <a href="https://youtube.com/@uzairstube">
                    <i class="uil uil-youtube"></i></a>
                <a href="https://twitter.com/uzairshahid_">
                    <i class="uil uil-twitter"></i></a>
                <a href="https://www.instagram.com/uzairshahid_">
                    <i class="uil uil-instagram"></i></a>
                <!-- Add more social icons and links as needed -->
            </div>
    </footer>       
</body>
</html>