college web

 1.college website

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>ABC College</title>

    <style>

        body {

            font-family: Arial, sans-serif;

            margin: 0;

            padding: 0;

        }

        header {

            background-color: #4CAF50;

            color: white;

            padding: 15px 0;

            text-align: center;

        }

        nav {

            background-color: #333;

            overflow: hidden;

        }

        nav a {

            float: left;

            display: block;

            color: white;

            text-align: center;

            padding: 14px 20px;

            text-decoration: none;

        }

        nav a:hover {

            background-color: #ddd;

            color: black;

        }

        section, aside {

            padding: 20px;

        }

        .main {

            display: flex;

            margin: 10px;

        }

        .main section {

            flex: 70%;

            background-color: #f9f9f9;

            padding: 20px;

        }

        .main aside {

            flex: 30%;

            background-color: #f1f1f1;

            padding: 20px;

        }

        figure {

            margin: 0;

            padding: 0;

            text-align: center;

        }

        figure img {

            width: 100%;

            height: auto;

            border-radius: 10px;

        }

        article {

            margin-bottom: 20px;

        }

        footer {

            background-color: #333;

            color: white;

            text-align: center;

            padding: 15px;

            position: relative;

            bottom: 0;

            width: 100%;

        }

        h1, h2 {

            color: #4CAF50;

        }

        .card {

            background-color: white;

            padding: 20px;

            margin-bottom: 20px;

            border-radius: 10px;

            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

        }

    </style>

</head>

<body>


    <!-- Header section -->

    <header>

        <h1>Welcome to ABC College</h1>

        <p>Empowering students to achieve their goals.</p>

    </header>


    <!-- Navigation Menu -->

    <nav>

        <a href="#about">About Us</a>

        <a href="#departments">Departments</a>

        <a href="#events">Events</a>

        <a href="#contact">Contact Us</a>

    </nav>


    <!-- Main content section -->

    <div class="main">

        <section>

            <!-- About Section -->

            <article id="about" class="card">

                <h2>About ABC College</h2>

                <p>ABC College is one of the leading educational institutions dedicated to providing quality education and fostering innovation. Our mission is to nurture talents and develop skilled professionals.</p>

            </article>


            <!-- Departments Section -->

            <article id="departments" class="card">

                <h2>Our Departments</h2>

                <ul>

                    <li>Department of Computer Science</li>

                    <li>Department of Mechanical Engineering</li>

                    <li>Department of Electronics & Communication</li>

                    <li>Department of Business Administration</li>

                    <li>Department of Humanities and Social Sciences</li>

                </ul>

            </article>


            <!-- Events Section -->

            <article id="events" class="card">

                <h2>Upcoming Events</h2>

                <ul>

                    <li>Annual Tech Fest - May 15, 2025</li>

                    <li>Alumni Meet - July 20, 2025</li>

                    <li>Sports Day - August 12, 2025</li>

                </ul>

            </article>

        </section>


        <!-- Sidebar with News or Highlights -->

        <aside>

            <h2>Latest News</h2>

            <ul>

                <li>ABC College ranked #1 in academic excellence</li>

                <li>New research lab inaugurated by the Computer Science department</li>

                <li>Scholarship opportunities for meritorious students</li>

            </ul>


            <!-- Social Media Links -->

            <h2>Follow Us</h2>

            <p>Stay updated with the latest news:</p>

            <ul>

                <li><a href="https://facebook.com" target="_blank">Facebook</a></li>

                <li><a href="https://twitter.com" target="_blank">Twitter</a></li>

                <li><a href="https://instagram.com" target="_blank">Instagram</a></li>

            </ul>

        </aside>

    </div>


    <!-- Contact Section -->

    <section id="contact" class="card">

        <h2>Contact Us</h2>

        <address>

            ABC College,<br>

            123, Knowledge Street,<br>

            Education City, Country.<br>

            Phone: +123 456 7890<br>

            Email: info@abccollege.edu

        </address>

    </section>


    <!-- Footer -->

    <footer>

        <p>&copy; 2025 ABC College. All Rights Reserved.</p>

    </footer>


</body>

</html>

Comments

Post a Comment

Popular posts from this blog

PHP 4 to 10

Program 4 Read form data   <!DOCTYPE html> <html> <head>  <title> PHP Form </title>  <style>  #field-container { width: 300px; margin: 50px auto; }  input, select, textarea { width: 100%; padding: 5px; margin-top: 2px; box-sizing: border-box; }  </style> </head> <body>  <div id="field-container">  <h2> Reading Form Data </h2>  <?php   if ($_SERVER["REQUEST_METHOD"] == "POST") {  $name = $_POST['name'];   $gender = $_POST['gender'];   $hobbies = isset($_POST['hobbies']) ? implode(', ', $_POST['hobbies']) : 'None';  $comments = $_POST['comments'];   $branch = $_POST['branch'];  echo "<h3>Submitted Data:</h3> Name: $name<br>Gender: $gender<br>Branch:  $branch<br>Hobbies: $hobbies<br>Comments: $comments<br>";  } else {?>  <form action="" method="post...
Read more

PHP

1.string handling <!DOCTYPE html> <html> <head>  <meta charset="utf-8">  <meta name="viewport" content="width=device-width, initial-scale=1">  <title></title> </head> <body>  <style type="text/css">  table tr td { padding:5px; } </style> <?php $name="Welcome to KGISL IIM!"; echo "<center style='font-size:20px'>"; echo "<h3>Input String: ".$name ."</h3>"; echo "<br><br>"; echo "<table border=1> <th>Method </th> <th> Syntax </th> <th>Result </th>"; echo "<tr><td>String Length</td> <td>strlen(input_string) </td> <td> ".strlen($name)."</td></tr>"; echo "<tr><td>Word Count</td> <td>str_word_count(input_string)</td> <td> ".str_word_cou...
Read more

2,4

2. countries  <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>World Countries</title>     <style>         body {             font-family: Arial, sans-serif;             line-height: 1.6;         }         a {             color: blue;             text-decoration: none;             font-weight: bold;         }         a:hover {             text-decoration: underline;         }     </style> </head> <body>     <h1>Welcome to the World of Countries</h1> ...
Read more