<div class="modal fade" id="login" role="dialog">
        <div class="modal-dialog">
            <div class="login-content">
                <div class="login-image">
                    <img src="./images/logo-black.png" alt="image">
                </div>
                <h3>Hello!Sign into your account</h3>
                <form>
                    <div class="form-group">
                        <input type="email" placeholder="Enter email address">
                    </div>
                    <div class="form-group">
                        <input type="password" placeholder="Enter password">
                    </div>
                    <div class="form-group form-checkbox">
                        <input type="checkbox"> Remember Me
                        <a href="index.html#">Forgot password?</a>
                    </div>
                </form>
                <div class="form-btn">
                    <a href="index.html#" class="btn btn-orange">LOGIN</a>
                    <p>Need an Account?<a href="index.html#"> Create your Hotux account</a></p>
                </div>
                <ul class="social-links">
                    <li><a href="index.html#"><i class="fab fa-facebook" aria-hidden="true"></i></a></li>
                    <li><a href="index.html#"><i class="fab fa-twitter" aria-hidden="true"></i></a></li>
                    <li><a href="index.html#"><i class="fab fa-instagram" aria-hidden="true"></i></a></li>
                    <li><a href="index.html#"><i class="fab fa-linkedin" aria-hidden="true"></i></a></li>
                </ul>
            </div>
        </div>
    </div>

    <div class="modal fade" id="register" role="dialog">
        <div class="modal-dialog">
            <div class="login-content">
                <div class="login-image">
                    <img src="./images/logo-black.png" alt="image">
                </div>
                <h3>Awesome! Create a Hotux Account</h3>
                <form>
                    <div class="form-group">
                        <input type="text" placeholder="Enter username">
                    </div>
                    <div class="form-group">
                        <input type="email" placeholder="Enter email address">
                    </div>
                    <div class="form-group">
                        <input type="password" placeholder="Enter password">
                    </div>
                    <div class="form-group">
                        <input type="password" placeholder="Confirm password">
                    </div>
                </form>
                <div class="form-btn">
                    <a href="index.html#" class="btn btn-orange">SIGN UP</a>
                </div>
                <ul class="social-links">
                    <li><a href="index.html#"><i class="fab fa-facebook" aria-hidden="true"></i></a></li>
                    <li><a href="index.html#"><i class="fa-bed fa-twitter" aria-hidden="true"></i></a></li>
                    <li><a href="index.html#"><i class="fab fa-instagram" aria-hidden="true"></i></a></li>
                    <li><a href="index.html#"><i class="fab fa-linkedin" aria-hidden="true"></i></a></li>
                </ul>
            </div>
        </div>
    </div>