coding.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ALL AT ONCE</title>
    <link rel="stylesheet" href="stylesheet/styles.css">
    <link rel="stylesheet" href="stylesheet/responsive.css">
    <link href="https://cdn.jsdelivr.net/npm/remixicon@4.2.0/fonts/remixicon.css" rel="stylesheet" />
    <script> src = "js/script.js"</script>
</head>

<body>

    <header>
        <div class="container">
            <div class="logo">AAO</div>


            <!-- <div class="search-bar">
        <input type="text" placeholder="Search...">
        <img src="img/magnifying-glass.png" alt="Search Icon">
      </div> -->

            <!-- <div class="github-icon">
        <a href="#"><img src="img/github.png" alt="GitHub"></a>
      </div> -->


            <div class="menu_icon">
                <img src="img/menu-fill.png" alt="menu-fill">
            </div>


            </a>

        </div>
    </header>
    <nav>
        <div class="container2">
            <div class="nav">
                <ul>
                    <li><a href="index.html">Home</a></li>
                    <li><a href="coding.html">coding tools</a></li>
                    <li><a href="writing.html">writing tools</a></li>
                    <li><a href="Designtools.html">design tools</a></li>
                    <li><a href="cc.html">Career Center</a></li>
                </ul>
            </div>
        </div>
    </nav>

    <div class="container3">
        <div class="mobile_nav">
            <ul>
                <li><a href="index.html">Home</a></li>
                <li><a href="coding.html">coding tools</a></li>
                <li><a href="writing.html">writing tools</a></li>
                <li><a href="Designtools.html">design tools</a></li>
                <li><a href="cc.html">Career Center</a></li>
            </ul>
        </div>
    </div>


    <div class="pagename_coding">
        <h2><span>Coding</span> and <span>programming</span> sites and tools</h2>
        <h3>Explore Tools and Techniques for Seamless Programming Experiences.</h3>
    </div>

    <div class="grid-container">
        <!-- Add more grid items here -->

        <div class="grid-item">
            <img src="https://pentagram-production.imgix.net/1cbbfce1-48d5-4257-95e5-745c10e6492e/eo_codecademy_01.jpg?rect=375%2C0%2C2256%2C1412&w=880&fit=crop&fm=jpg&q=70&auto=format&h=548"
                alt="Image 2">
            <h3>Codecademy</h3>
            <p>Interactive coding tutorials and courses in various programming languages and technologies.</p>
            <a href="https://www.codecademy.com" target="_blank" class="button-link">
                <button>
                    <span class="box">
                        Visit Site
                    </span>
                </button>
            </a>
        </div>

        <div class="grid-item">
            <img src="https://media.geeksforgeeks.org/wp-content/cdn-uploads/20190710102234/download3.png"
                alt="Image 2">
            <h3>GeeksforGeeks</h3>
            <p>Online resource for programming articles, tutorials, and interview preparation for computer science
                topics.</p>
            <a href="https://www.geeksforgeeks.org" target="_blank" class="button-link">
                <button>
                    <span class="box">
                        Visit Site
                    </span>
                </button>
            </a>
        </div>

        <div class="grid-item">
            <img src="https://cdn.neowin.com/news/images/uploaded/2022/03/1648072109_mdn_story.jpg" alt="Image 2">
            <h3>MDN Web Docs</h3>
            <p>Documentation and resources for web developers covering HTML, CSS, JavaScript, and more.</p>
            <a href="https://developer.mozilla.org" target="_blank" class="button-link">
                <button>
                    <span class="box">
                        Visit Site
                    </span>
                </button>
            </a>
        </div>

        <div class="grid-item">
            <img src="https://bestwebsite.gallery/uploads/ogImages/w3schools_logo_436_2.png" alt="Image 2">
            <h3>W3Schools</h3>
            <p>Tutorials and references for web development technologies such as HTML, CSS, JavaScript, and more.</p>
            <a href="https://www.w3schools.com" target="_blank" class="button-link">
                <button>
                    <span class="box">
                        Visit Site
                    </span>
                </button>
            </a>
        </div>

        <div class="grid-item">
            <img src="https://user-images.githubusercontent.com/1194257/65596422-1cef2080-df97-11e9-9abb-a225204d1805.png"
                alt="Image 2">
            <h3>HackerRank</h3>
            <p>Platform for competitive coding challenges, interview preparation, and coding contests.</p>
            <a href="https://www.hackerrank.com" target="_blank" class="button-link">
                <button>
                    <span class="box">
                        Visit Site
                    </span>
                </button>
            </a>
        </div>

        <div class="grid-item">
            <img src="https://blog.kakaocdn.net/dn/tNKU7/btq5j7sUlfn/CXWMOetGSPINiUUDL0qVF1/img.png" alt="Image 2">
            <h3>CodePen</h3>
            <p>Online community for testing and showcasing HTML, CSS, and JavaScript code snippets.</p>
            <a href="https://codepen.io" target="_blank" class="button-link">
                <button>
                    <span class="box">
                        Visit Site
                    </span>
                </button>
            </a>
        </div>

        <div class="grid-item">
            <img src="https://media2.dev.to/dynamic/image/quality=100/https://dev-to-uploads.s3.amazonaws.com/uploads/logos/resized_logo_UQww2soKuUsjaOGNB38o.png"
                alt="Image 2">
            <h3>Dev.to</h3>
            <p>Community-driven platform for sharing programming articles, tutorials, and discussions on various tech
                topics.</p>
            <a href="https://dev.to" target="_blank" class="button-link">
                <button>
                    <span class="box">
                        Visit Site
                    </span>
                </button>
            </a>
        </div>

        <div class="grid-item">
            <img src="https://upload.wikimedia.org/wikipedia/commons/3/39/FreeCodeCamp_logo.png" alt="Image 2">
            <h3>FreeCodeCamp</h3>
            <p>Free coding tutorials and projects, focusing on web development and programming skills.</p>
            <a href="https://www.freecodecamp.org" target="_blank" class="button-link">
                <button>
                    <span class="box">
                        Visit Site
                    </span>
                </button>
            </a>
        </div>


        <div class="grid-item">
            <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRWxn6PnzFDUm_HWSd-93P9yKoHg-yBVn4heYCecevIYvqiMbVMLs8I9LY3ytqBwNHg9Q&usqp=CAU"
                alt="Image 2">
            <h3>Stack Overflow</h3>
            <p>Q&A platform for programming questions, tutorials, and discussions.</p>
            <a href="https://stackoverflow.com" target="_blank" class="button-link">
                <button>
                    <span class="box">
                        Visit Site
                    </span>
                </button>
            </a>
        </div>

        <div class="grid-item">
            <img src="https://github.githubassets.com/assets/GitHub-Mark-ea2971cee799.png" alt="Image 2">
            <h3>GitHub</h3>
            <p>Platform for hosting and collaborating on code repositories, projects, and open-source contributions.</p>
            <a href="https://github.com" target="_blank" class="button-link">
                <button>
                    <span class="box">
                        Visit Site
                    </span>
                </button>
            </a>
        </div>
    </div>


</body>
<footer>
    <div class="footer">
        <div class="row">
            <section>
                <a href="https://www.instagram.com/arvindsinghmds?igsh=MTF3aDVnN3RpM21jbQ=="><img
                        src="img/instagram_icon.png" alt="insta"></a>
                <a
                    href="https://www.linkedin.com/in/arvind-singh-panwar-924a92281?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app"><img
                        src="img/linked_media_online_social_icon.png" alt="linked in"></a>
                <a href="https://github.com/newdevatgit"><img src="img/github_logo_media_social_icon.png"
                        alt="GitHub"></a>

            </section>
        </div>

        <div class="row">
            <ul>
                <li><a href="#">Contact us</a></li>
                <li><a href="#">Privacy Policy</a></li>
                <li><a href="#">Terms & Conditions</a></li>
            </ul>
        </div>

        <div class="row">
            Copyright © 2024 AAO - All rights reserved
        </div>
    </div>

    <script src="js/script.js"></script>
</footer>

</html>