Reply To: Side Panel

#10034212
Tsokotsa-mz
Participant

Hi

the html tag doesnt contain that class. See bellow the code that i have copied which is not working.
is there any css specific that is required or js?

<div class="side-panel-wrapper">
    <button class="hamburguer-btn side-panel-close side-panel-toggle active" data-set-active="false">
        <span class="close">
            <span></span>
            <span></span>
        </span>
    </button>
    <aside class="sidebar">				
        <h5 class="font-weight-bold">Contact <strong>Us</strong></h5>				
        <p>Contact us or give us a call to discover how we can help.</p>				
        <form class="contact-form" action="php/contact-form.php" method="POST">					
            <div class="contact-form-success alert alert-success d-none mt-4">						
                <strong>Success!</strong> Your message has been sent to us.					
            </div>					
            <div class="contact-form-error alert alert-danger d-none mt-4">						
                <strong>Error!</strong> There was an error sending your message.						
                <span class="mail-error-message text-1 d-block"></span>					
            </div>					
            <div class="form-row">						
                <div class="form-group col">							
                    <label class="required font-weight-bold text-dark text-1 mb-0">Full Name</label>							
                    <input type="text" value="" data-msg-required="Please enter your name." maxlength="100" class="form-control" name="name" required>						
                </div>					
            </div>					
            <div class="form-row">						
                <div class="form-group col">							
                    <label class="required font-weight-bold text-dark text-1 mb-0">Email Address</label>							
                    <input type="email" value="" data-msg-required="Please enter your email address." data-msg-email="Please enter a valid email address." maxlength="100" class="form-control" name="email" required>						
                </div>					
            </div>					
            <div class="form-row">						
                <div class="form-group col">							
                    <label class="required font-weight-bold text-dark text-1 mb-0">Message</label>							
                    <textarea maxlength="5000" data-msg-required="Please enter your message." rows="8" class="form-control" name="message" required></textarea>						
                </div>					
            </div>					
            <div class="form-row mb-3 pb-1">						
                <div class="form-group col">							
                    <input type="submit" value="Send Message" class="btn btn-primary btn-modern" data-loading-text="Loading...">						
                </div>					
            </div>				
        </form>				
        <h5 class="font-weight-bold pt-4">Our <strong>Office</strong></h5>				
        <ul class="list list-icons list-icons-style-2 mt-2">					
            <li><i class="fas fa-map-marker-alt top-6"></i> <strong class="text-dark">Address:</strong> 1234 Street Name, City Name, United States</li>					
            <li><i class="fas fa-phone top-6"></i> <strong class="text-dark">Phone:</strong> (123) 456-789</li>					
            <li><i class="fas fa-envelope top-6"></i> <strong class="text-dark">Email:</strong> <a href="mailto:[email protected]">[email protected]</a></li>				
        </ul>			
    </aside>
</div>