index.html

<!DOCTYPE html>
<html lang="en">
<html>
    <head>
        <meta content="Alfredo Godino Software Developer agodino.es " name="description"/>
        <meta content="front end frontend developer back end backend developeralfredo godino agodino" property="og:title"/>
        <meta content="Alfredo Godino Software Developer agodino.es " property="og:description"/>
        <meta content="front end frontend developer back end backend developer alfredo godino agodino" property="twitter:title"/>
        <meta content="Alfredo Godino Software Developer agodino.es " property="twitter:description"/>
        <meta property="og:type" content="website"/>
        <meta content="Alfredo Godino" name="generator"/>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="style.css">
        <link href="https://fonts.googleapis.com/css2?family=Offside&display=swap" rel="stylesheet">
        <title>aGodino</title>
        <link rel="icon" type="image/x-icon" href="images/agodino-high-resolution-logo-color-on-transparent-background.png">
    </head>
            <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-ETC3Q0LN1Q"></script>
    <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    
    gtag('config', 'G-ETC3Q0LN1Q');
    </script>
<body>
    
    <header class="header">
        <a href="https://agodino.es" class="logo" id="logo"><img src="images/agodino-high-resolution-logo-color-on-transparent-background.png" alt="Logo""></a>
        <nav class="navbar">
            <a href="Alfredo Godino CV.pdf">CV</a>
            <a href="#">MySetup</a>
            <a href="#">Contact</a>
        </nav>
        <div class="contactfoto">
            <a href="https://github.com/Gdi87" class="contactfoto1"><img src="images/images.png" alt="github" style="top: 3%; left: 87%;"></a>
            <a href="https://www.linkedin.com/in/alfredo-godino-312160275" class="contactfoto1"><img src="images/LinkedIn.png" alt="linkd" style="top: 3%; left: 97%;"></a>
        </div>
    </header>
    
    <section>
        <img src="images/02-API.png" data-speed="2" class="layer" style="top: 25%; left: 7%;">
        <img src="images/04-CloudDB.png" data-speed="1" class="layer" style="top: 12%; left: 35%;">
        <img src="images/06-Django.png" data-speed="1" class="layer" style="top: 33%; left: 63%;">
        <img src="images/07-Docker.png" data-speed="1" class="layer" style="top: 80%; left: 40%;">
        <img src="images/08-Git.png" data-speed="2" class="layer" style="top: 45%; left: 90%;">
        <img src="images/10-JS.png" data-speed="2" class="layer" style="top: 51%; left: 57%;">
        <img src="images/11-Mongo.png" data-speed="2" class="layer" style="top: 55%; left: 4%;">
        <img src="images/13-Node.png" data-speed="1" class="layer" style="top: 40%; left: 50%;">
        <img src="images/14-OracleDB.png" data-speed="3" class="layer" style="top:25%; left: 85%;">
        <img src="images/15-Python.png" data-speed="1" class="layer" style="top: 20%; left: 53%;">
        <img src="images/16-react.png" data-speed="2" class="layer" style="top: 65%; left: 50%;">

    

    <div class="home">
        <div class="home-content">
            <h1 class="animate-from-right">Alfredo Godino Python Programmer</h1>
            <h3 class="animate-from-right"> DevOps Azure Solutions and<br>  Full-stack Web&App designer proficient in Python, JavaScript, and web development.<br><br></h3>
            
            </p>
            <div class="btn-box">
                <a href="mailto:alfredo.gdbl@gmail.com">EmailMe</a>
                <a href="https://github.com/Gdi87">Proyects</a>                
            </div>
        </div>
    </div>
    <div class="fotocontacto">
        <img src="images/Sin título..-fotor-bg-remover-2023060121746.png" alt="" style="top: 25%; left: 62%;">
        
    </div>    
    </section>

    

    <script src="main.js"></script>
</body>
</html>