test/index.html at main · The-Fallen-Phoenix/test · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>IIT Madras - Indian Institute of Technology Madras</title>
  <style>
    body {
      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
      margin: 0;
      background-color: #f9fafb;
      color: #333;
    }

    header {
      background-color: #800000;
      color: white;
      padding: 1.5rem;
      text-align: center;
    }

    nav {
      background-color: #a83232;
      text-align: center;
      padding: 0.5rem;
    }

    nav a {
      color: white;
      text-decoration: none;
      margin: 0 15px;
      font-weight: bold;
    }

    nav a:hover {
      text-decoration: underline;
    }

    .container {
      max-width: 1000px;
      margin: 2rem auto;
      padding: 1rem;
      background: white;
      border-radius: 10px;
      box-shadow: 0 0 10px rgba(0,0,0,0.1);
    }

    img {
      max-width: 100%;
      border-radius: 8px;
    }

    h2 {
      color: #800000;
    }

    footer {
      text-align: center;
      padding: 1rem;
      background-color: #333;
      color: white;
      margin-top: 2rem;
    }

    a {
      color: #a83232;
    }
  </style>
</head>
<body>
  <header>
    <h1>Indian Institute of Technology Madras (IITM)</h1>
    <p>Excellence in Education, Research, and Innovation</p>
  </header>

  <nav>
    <a href="#about">About</a>
    <a href="#campus">Campus</a>
    <a href="#academics">Academics</a>
    <a href="#research">Research</a>
    <a href="#contact">Contact</a>
  </nav>

  <div class="container">
    <section id="about">
      <h2>About IIT Madras</h2>
      <p>
        Established in 1959, the Indian Institute of Technology Madras is one of the premier institutions of national importance for higher technical education and research.
        IITM is known for its world-class infrastructure, highly qualified faculty, and a strong focus on innovation and entrepreneurship.
      </p>
      <img src="https://www.iitm.ac.in/sites/default/files/styles/hero_image_desktop/public/2021-09/iitm-main-building.jpg" alt="IIT Madras Campus">
    </section>

    <section id="campus">
      <h2>Campus Life</h2>
      <p>
        Spread across 620 acres of lush green forest, the IIT Madras campus is home to diverse flora and fauna, including deer and blackbucks.
        The campus has modern hostels, research labs, sports facilities, and innovation centers, fostering a vibrant community for students and researchers alike.
      </p>
    </section>

    <section id="academics">
      <h2>Academics</h2>
      <p>
        IIT Madras offers undergraduate, postgraduate, and doctoral programs in various fields of engineering, sciences, humanities, and management.
        The institute’s interdisciplinary approach encourages collaboration and creativity among students and faculty.
      </p>
    </section>

    <section id="research">
      <h2>Research and Innovation</h2>
      <p>
        IIT Madras is renowned for its cutting-edge research in areas such as Artificial Intelligence, Clean Energy, Biotechnology, Materials Science, and Space Technology.
        The institute hosts several research centers including the IITM Research Park, which bridges academia and industry.
      </p>
    </section>

    <section id="contact">
      <h2>Contact</h2>
      <p>
        <strong>Address:</strong> IIT Madras, Chennai, Tamil Nadu, India - 600036<br>
        <strong>Email:</strong> <a href="mailto:24f3001829@ds.study.iitm.ac.in">24f3001829@ds.study.iitm.ac.in</a><br>
        <!--email_off-->24f3001829@ds.study.iitm.ac.in<!--/email_off-->
        <strong>Website:</strong> <a href="https://www.iitm.ac.in" target="_blank">https://www.iitm.ac.in</a><br>
        <strong>Phone:</strong> +91 44 2257 8101
      </p>
    </section>
  </div>

  <footer>
    <p>© 2025 Indian Institute of Technology Madras. All rights reserved.</p>
  </footer>
</body>
</html>