HTMLify

new.html
Views: 63 | Author: itintern
<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="new.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&amp;family=Roboto+Slab:wght@400;700&amp;display=swap">
    <link href="https://cdn.jsdelivr.net/npm/remixicon@4.3.0/fonts/remixicon.css" rel="stylesheet">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
</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">Internship</a>
                <a href="/aboutus">About Us</a>
                <a href="/contact">Contact Us</a>
                <button id="myBtn1"><b>Sign In</b></button>
                <i class="ri-menu-line"></i>
            </div>
        </div>
        <div class="sidenav">
            <i class="ri-close-large-line"></i>
            <button id="myBtn2"><b>Sign In</b></button>
            <a href="#">Home</a>
            <a href="/internship">Internship</a>
            <a href="/about">About Us</a>
            <a href="/contact">Contact Us</a>
        </div>
        <div class="containers">
            <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" id="myBtn" >Admin Panel</button>
            <button class="btnAnim" id="myBtn3">Student Panel</button>
        </div>
        <footer>
            <div class="section footer-content">
                <div class="address">
                    <h4>Address</h4>
                    <p>Agra, Uttar Pradesh</p>
                    <p style="text-decoration:none"><a href="tel:+919548750198">Phone: +91 9548750198</a></p>
                    <p style="text-decoration:none"><a href="mailto:support@ITintern.in">Email: support@ITintern.in</a></p>
                </div>
                <div class="section links">
                    <h4>Links</h4>
                    <ul>
                        <li><a href="#">Home</a></li>
                        <li><a href="/internship">Internship</a></li>
                        <li><a href="/about">About Us</a></li>
                        <li><a href="/contact">Contact Us</a></li>
                    </ul>
                </div>
                <div class="section social-media">
                    <h4>Follow Us</h4>
                    <ul class="social">
                        <li><a href="#"><i class="ri-linkedin-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-facebook-fill"></i></a></li>
                    </ul>
                </div>
            </div>
            <div class="footer-bottom">
                <p>© 2024 ITintern. All rights reserved.</p>
            </div>
        </footer>
    </div>

    <!-- Admin Login -->
    <div class="modal show" id="myModalAdmin" tabindex="-1" role="dialog" style="display: none;">
        <div class="modal-dialog modal-dialog-centered" role="document" style=" display: flex;justify-content: center; align-items: center; min-height: 100vh;">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="admin">Sign In - ITintern</h5>
                    <button type="button" class=" close closeAdmin" id = "closeAdmin" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <form action="#" method="POST">
                    <div class="modal-body">
                        <div class="form-group">
                            <label for="username">Username</label>
                            <input type="text" class="form-control" id="username" aria-describedby="emailHelp" name="username" required>
                        </div>
                        <div class="form-group">
                            <label for="password">Password</label>
                            <input type="password" class="form-control" id="password" name="password" required>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" id="btnAdmin"  class="btn btnAdmin btn-secondary" data-dismiss="modal">Close</button>
                        <button type="submit" name="signup" class="btn btn-primary">Sign In</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <!-- Sign In -->
    <div class="modal show" id="myModalLogin" tabindex="-1" role="dialog" style="display: none;">
        <div class="modal-dialog modal-dialog-centered" role="document" style=" display: flex;justify-content: center; align-items: center; min-height: 100vh;">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="admin">Sign In - ITintern</h5>
                    <button type="button" class=" close closeLogin" id = "closeLogin" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <form action="#" method="POST">
                    <div class="modal-body">
                        <div class="form-group">
                            <label for="username">Username</label>
                            <input type="text" class="form-control" id="username" aria-describedby="emailHelp" name="username" required>
                        </div>
                        <div class="form-group">
                            <label for="password">Password</label>
                            <input type="password" class="form-control" id="password" name="password" required>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button  name="signup" id="myBtn4" class="btn btn-primary">Sign Up</button>
                        <button type="button" class="btn btnLogin btn-secondary" data-dismiss="modal">Close</button>
                        <button type="submit" name="signup" class="btn btn-primary">Sign In</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <!-- Sign Up -->
    <div class="modal show" id="myModal" tabindex="-1" role="dialog" style="display: none;">
        <div class="modal-dialog modal-dialog-centered" role="document" style=" display: flex;justify-content: center; align-items: center; min-height: 100vh;">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="admin">Sign UP - ITintern</h5>
                    <button type="button" class="close" id="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <form action="#" method="POST">
                    <div class="modal-body">
                        <div class="form-group">
                            <label for="username">Username</label>
                            <input type="text" class="form-control" id="username" aria-describedby="emailHelp" name="username" required>
                        </div>
                        <div class="form-group">
                            <label for="email">Email address</label>
                            <input type="email" class="form-control" id="email" aria-describedby="emailHelp" name="email" required>
                        </div>
                        <div class="form-group">
                            <label for="password">Password</label>
                            <input type="password" class="form-control" id="password" name="password" required>
                        </div>
                        <div class="form-group">
                            <label for="cpassword">Confirm Password</label>
                            <input type="password" class="form-control" id="cpassword" name="cpassword" required>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" id="btn" class="btn btn-secondary" data-dismiss="modal">Close</button>
                        <button type="submit" name="signup" class="btn btn-primary">Sign Up</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
   <script src="new.js"></script>
   <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
</body>
</html>

Comments