Dashboard Temp Share Shortlinks Frames API

HTMLify

home.html
Views: 685 | Author: shubh 
  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
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>ITintern</title>
    <link rel="stylesheet" href="home.css" />
    <head>
      <link
        rel="stylesheet"
        href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&family=Roboto+Slab:wght@400;700&display=swap"
      />
      <link
        href="https://cdn.jsdelivr.net/npm/remixicon@4.3.0/fonts/remixicon.css"
        rel="stylesheet"
      />
    </head>
  </head>
  <body>
    <div class="main">
      <div class="header">
        <h1>IT<span style="color: #0081a7">intern</span></h1>
        <div class="headerLinks">
          <a href="">Home</a>
          <a href="#">Internship</a>
          <a href="about-us.html">About Us</a>
          <a href="contact-us.html">Contact Us</a>
          <button><b>Sign In</b></button>
          <i class="ri-menu-line"></i>
        </div>
      </div>
      <div class="sidenav">
        <i class="ri-close-large-line"></i>
        <button><b>Sign In</b></button>
        <a href="">Home</a>
        <a href="#">Internship</a>
        <a href="about-us.html">About Us</a>
        <a href="contact-us.html">Contact Us</a>
      </div>
      <div class="container">
        <h1 class="anim">
          Forge Your Career Path with Our Internship Programs
        </h1>
        <h3 class="anim">Your Future Starts Here</h3>
        <p class="anim">
          Ready to take the first step toward an exciting and rewarding career?
          Apply now to ITintern's internship program and embark on a journey
          where your ideas are valued, your growth is nurtured, and your future
          is bright.
        </p>
        <p class="anim">
          With us, you're not just an intern—
          <span style="color: #7ce609">you're a vital part of our team.</span>
        </p>
        <button class="btnAnim">Admin Panel</button>
        <button class="btnAnim">Student Panel</button>
      </div>
      <div class="content">
        <h1>Our Internship Programs</h1>
        <div class="content-Container">
          <div class="course">
            <img src="Website.jpg" />
            <h1>Web Development</h1>
          </div>
          <div class="course">
            <img src="App Development.jpg" />
            <h1>App Development</h1>
          </div>
          <div class="course">
            <img src="System Design.jpg" />
            <h1>Web Design</h1>
          </div>
        </div>
      </div>
      <div class="about-us">
        <div class="aboutimg">
          <img src="about1.jpg" class="img1" />
          <img src="about2.jpg" class="img2" />
        </div>
        <div class="about-theory">
          <h1>About Us</h1>
          <p>
            At <span style="color: #022d55; font-weight: 600">ITintern</span>,
            we believe that internships are more than just a stepping stone—they
            are a journey of discovery and growth.Our mission is to provide
            meaningful internship opportunities that help students gain
            practical experience and prepare them for successful careers. We are
            committed to creating an inclusive, dynamic environment where your
            potential can truly flourish. Join us, and transform your internship
            experience into an unforgettable adventure that shapes your future
            career.
          </p>
          <a href="about-us.html"><button>Learn More</button> </a>
        </div>
      </div>
      <div class="contact-us">
        <div class="contactbox">
          <h1>Get in Touch</h1>
          <h4>Contact for any query</h4>
        </div>
        <div class="contact-container">
          <div class="contactimg">
            <div class="blankdiv"></div>
            <img src="contact1.jpg" />
          </div>
          <div class="contact-form">
            <form>
              <h1>Send Message</h1>
              <input type="text" id="name" placeholder="Your Name" required />
              <input
                type="email"
                id="email"
                placeholder="Your email"
                required
              />
              <textarea
                type="text"
                id="msg"
                placeholder="How can we help you?"
                required
              ></textarea>
              <button type="submit" rows="20"><b>Send</b></button>
              <ul>
                <li>
                  <a href="#"><i class="ri-facebook-fill"></i></a>
                </li>
                <li>
                  <a href="#"><i class="ri-twitter-x-line"></i></a>
                </li>
                <li>
                  <a href="#"><i class="ri-instagram-fill"></i></a>
                </li>
                <li>
                  <a href="#"><i class="ri-linkedin-fill"></i></a>
                </li>
              </ul>
            </form>
          </div>
        </div>
      </div>
      <footer>
        <div class="footer-content">
          <div class="address">
            <h4>Address</h4>
            <p>
              <i class="ri-map-pin-line"></i> New Street, Agra, Uttar Pradesh
            </p>
            <p><i class="ri-phone-line"></i> Phone: +91 1234567890</p>
            <p><i class="ri-mail-line"></i> Email: itintern@gmail.com</p>
          </div>
          <div class="links">
            <h4>Links</h4>
            <ul class="list">
              <li><a href="#">Home</a></li>
              <li><a href="#">Intership</a></li>
              <li><a href="about-us.html">About Us</a></li>
              <li><a href="contact-us.html">Contact Us</a></li>
            </ul>
          </div>
          <div class="social-media">
            <h4>Follow Us</h4>
            <ul>
              <li>
                <a href="#"><i class="ri-facebook-fill"></i></a>
              </li>
              <li>
                <a href="#"><i class="ri-twitter-x-line"></i></a>
              </li>
              <li>
                <a href="#"><i class="ri-instagram-fill"></i></a>
              </li>
              <li>
                <a href="#"><i class="ri-linkedin-fill"></i></a>
              </li>
            </ul>
          </div>
        </div>
        <div class="footer-bottom">
          <p>&copy; 2024 ITintern. All rights reserved.</p>
        </div>
      </footer>
    </div>
    <script src="home.js"></script>
  </body>
</html>

Share this file: