<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Technical Club</title>
<style>
    @media screen and (max-width:600px) {
        header{
            width=100%
        }
        nav{
            width: 350px;
        }
        
    }
    body {
        font-family: Arial, sans-serif;
        margin: 0;
        padding: 0;
        background-color: #329818;
        width: 100%;
    }
    header {
        background-color: #ffffff;
        color: #da1d1d;
        text-align: center;
        padding: 1em;
        width: 100%;
        
    }
    nav {
        background-color: #444;
        color: #fff;
        text-align: center;
        padding: 1.0em;
        width: 100%;
    }
    nav a {
        color: #fff;
        text-decoration: none;
        padding: 1em;
        margin: 0 1em;
        width: 100%;
    }
    section {
        padding: 2em;
        color: #fbfbfb;
        font-size-adjust: calc(100);
        font-size: x-large;
        text-align: center;
       
    }
    h1{
        font-family: monospace ;
    }
    h4{
        font-family: serif;
    }
    h3{
        font-family: serif;
    }
    ul{
        font-family: serif;
    }
    footer {
        background-color: #333;
        color: #fff;
        text-align: center;
        padding: 1em;
        position: fixed;
        bottom: 0;
        width: 100%;
        height: 5%;
    }
</style>



<header>
    <h1></h1><img src="https://www.acsce.edu.in/acsce/wp-content/uploads/2018/07/acsc-logo.jpg">
</header>

<nav>
    <a href="file:///C:/Users/MONISH%20GOWDA%20M/AppData/Local/Microsoft/Windows/INetCache/IE/R9B27VWL/tech[1].html#home">Home</a>
    <a href="file:///C:/Users/MONISH%20GOWDA%20M/AppData/Local/Microsoft/Windows/INetCache/IE/R9B27VWL/tech[1].html#Description">Description</a>
    <a href="file:///C:/Users/MONISH%20GOWDA%20M/AppData/Local/Microsoft/Windows/INetCache/IE/R9B27VWL/tech[1].html#events">Events</a>
    <a href="file:///C:/Users/MONISH%20GOWDA%20M/AppData/Local/Microsoft/Windows/INetCache/IE/R9B27VWL/tech[1].html#contact">Contact</a>
</nav>

<section id="home">
    <h1>Welcome to our Technical Club </h1>
    <h4>Explore the world of technology with us!</h4>
</section>

<section id="Description">
    <h1>Description</h1>
    <h3>A Technical club is a dynamic community where enthusiasts, often students and professional come together to explore and engage in various technical fields. it servers as a platform for members to share and aquire knowledge, collaborate on projects based on various programming languages. activites shall include hackathons and collaborative projects.</h3>
</section>

<section id="events">
    <h1>Upcoming Events</h1>
    <ul>
        <li>Technical Workshop - Date</li>
        <li>Hackathons - Date</li>
        <!-- Add more events as needed -->
    </ul>
</section>

<section id="contact">
    <h1>Contact Us</h1>
    <h3>Feel free to reach us at <a href="mailto:xyz@gmail.com">xyz@gmail.com</a></h3>
</section>

<footer>
    <p>© 2024 Technical Club</p>
</footer>