API tools faq
paste
Guest User

index.html

a guest
Oct 18th, 2017
36
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 13.18 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <html>
  4.     <head>
  5.         <meta charset="UTF-8">
  6.          
  7.                             <title>Heartful</title>
  8.          <!-- FAVICON-->
  9.         <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
  10. <link rel="icon" href="apple-icon-60x60.png" type="image/x-icon">
  11. <link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
  12. <link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
  13. <link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">
  14. <link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">
  15. <link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">
  16. <link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">
  17. <link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
  18. <link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">
  19. <link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
  20. <link rel="icon" type="image/png" sizes="192x192"  href="/android-icon-192x192.png">
  21. <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
  22. <link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
  23. <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
  24. <link rel="manifest" href="/manifest.json">
  25. <meta name="msapplication-TileColor" content="#ffffff">
  26. <meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
  27. <meta name="theme-color" content="#ffffff">
  28.   <!-- End of FAVICON Links-->
  29.  
  30.           <link rel='stylesheet prefetch' href="css/bootstrap.min.css">
  31.  
  32.         <link rel="stylesheet" href="css/style.css">
  33.  
  34.           <link href="https://fonts.googleapis.com/css?family=David+Libre" rel="stylesheet">
  35.           <link href="https://fonts.googleapis.com/css?family=Limelight|Molengo" rel="stylesheet">
  36.           <link href="https://fonts.googleapis.com/css?family=Limelight" rel="stylesheet">
  37.           <link href="https://fonts.googleapis.com/css?family=Lobster|Francois+One|Patua+One|Roboto" rel="stylesheet">
  38.         <link href="https://fonts.googleapis.com/css?family=Roboto+Slab" rel="stylesheet">
  39.  
  40.         <link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.css" />
  41.  
  42.                 <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
  43.        
  44.  
  45.        
  46. </head>
  47.  
  48. <body>
  49.   <div id="load"></div>
  50.   <div id="contents">
  51.     <!-- Start your code here -->
  52.     <div class="home" id="download">
  53.       <div class="logo-wali">
  54.         <div class="inner">
  55.           <center>
  56.             <img class="logo" src="https://s25.postimg.org/q0a3q5gdb/Whats_App_Image_2017-05-12_at_14.44.48_2.jpg">
  57.             <div class="name">HEARTFUL</div>
  58.           </center>
  59.         </div>
  60.       </div>
  61.       <center>
  62.         <p class="tag-line"> Contact | Volunteer | Donate</p>
  63.       </center>
  64.       <center><button class="btn btn-default" id="playstore">GOOGLE PLAY</button></center>
  65.     </div>
  66.     <div class="top-bar" id="myTopnav">
  67.          <a href="" onclick="dummy(0);return false;" >
  68.              <img class="logo1" src="https://s25.postimg.org/q0a3q5gdb/Whats_App_Image_2017-05-12_at_14.44.48_2.jpg"></a>
  69.  
  70.       <a class="navigation-buttons" href="#download_button" onclick="myFunction()" id="download_a">DOWNLOAD</a>
  71.       <a class="navigation-buttons" href="#feature_button" style=" text-decoration:none;" onclick="myFunction()" id="features_a">FEATURES</a>
  72.       <a class="navigation-buttons" href="#terms">TERMS</a>
  73.       <a class="navigation-buttons" href="#contact_button" style="text-decoration:none;"
  74. onclick="myFunction()"        
  75. id="contact_a">CONTACT</a>
  76.       <a href="javascript:void(0);" class="icon" onclick="myFunction()">&#9776;</a>
  77.       <span class="social">
  78.   <i class=" facebook fa fa-facebook fa-2x" aria-hidden="true"></i>
  79.     <i class=" twitter fa fa-twitter fa-2x" aria-hidden="true"></i>
  80.       <i class=" youtube fa fa-youtube-play fa-2x" aria-hidden="true"></i>
  81.     </span>
  82.     </div>
  83.     <div class="heading">
  84.       <center>
  85.         <h1 id="features" style="font-family:David Libre;color:#424242;">Your Attempt Matters!</h1>
  86.       </center>
  87.       <center>
  88.         <div class="line">
  89.         </div>
  90.       </center>
  91.       <center>
  92.         <p style=" color:#757575; font-size:20px;">If you are a kind of person who loves to do the social work, then we have <br>got a platform for you....</p>
  93.       </center>
  94.     </div>
  95.     <!-- <div class="background2" id="featurecall">
  96.    <div id="slide">
  97.  <div class="slideshow-container">
  98.    <div class="mySlides fade"> <img src="https://s13.postimg.org/eg0w6iys7/FINAL_SLIDER_IMAGE.jpg" style="width:100%"> </div>
  99.    <div class="mySlides fade"> <img src="https://s13.postimg.org/eg0w6iys7/FINAL_SLIDER_IMAGE.jpg" style="width:100%"> </div>
  100.    <div class="mySlides fade"> <img src="https://s13.postimg.org/eg0w6iys7/FINAL_SLIDER_IMAGE.jpg" style="width:100%"> </div>
  101.    <div class="mySlides fade"> <img src="https://s13.postimg.org/eg0w6iys7/FINAL_SLIDER_IMAGE.jpg" style="width:100%"> </div>
  102.    <a class="prev" onclick="plusSlides(-1)">&#10094;</a> <a class="next" onclick="plusSlides(1)">&#10095;</a> </div>
  103.  <br>
  104.  <div style="text-align:center">
  105.  <span class="dot" onclick="currentSlide(1)"></span>
  106.  <span class="dot" onclick="currentSlide(2)"></span>
  107.  <span class="dot" onclick="currentSlide(3)"></span>
  108.  <span class="dot" onclick="currentSlide(4)"></span>
  109.   </div>
  110.      <div class="section3">
  111.        <div class="section3inner"></div>
  112.      </div>
  113.     </div>
  114.  </div> -->
  115.     <div class="row">
  116.       <div class="col-sm-3 col-md-6 col-lg-4"  id ="feature1screenshot">
  117.         <img class="screenshot" src="https://s28.postimg.org/drclt4mst/Final_Screen_Shot_ANSHULNEBNAYAMAST.png">
  118.       </div>
  119.       <div class="col-sm-9 col-md-6 col-lg-8" id="feature1data" >
  120.         <img class="bullets" src="https://s2.postimg.org/ryrc26pjd/Heart.png">
  121.         <p class="feature1_heading">Heartful Home
  122.           <p class="bullet_text" style=" color:#757575; ">If you are a kind of person who loves to do the social work, then we have got a platform for you....</p>
  123.           <br>
  124.       </div>
  125.     </div>
  126.     <div class="row" id="parent">
  127.       <div class="col-sm-9 col-md-6 col-lg-8" id="bottom" >
  128.  
  129.         <img class="bullet2" src="https://s1.postimg.org/4n4k5stu7/HEART_2.png">
  130.         <p class="feature2_heading">News Section</p>
  131.  
  132.         <p class="bullet_text2" >If you are a kind of person who loves to do the social work, then we have got a platform for you....</p>
  133.       </div>
  134.       <div class="col-sm-3 col-md-6 col-lg-4" id="top" style="background-color:#00AFF0; text-align:center;">
  135.         <img class="screenshot2" src="https://s2.postimg.org/5f01nfqbt/Shape_It_App.png">
  136.       </div>
  137.  
  138.     </div>
  139.     <div class="row">
  140.       <div class="col-sm-3 col-md-6 col-lg-4" style="background-color:#F5F5F5; padding-top:50px; padding-bottom:5px; text-align:center;">
  141.         <img class="screenshot" src="https://s28.postimg.org/drclt4mst/Final_Screen_Shot_ANSHULNEBNAYAMAST.png">
  142.       </div>
  143.       <div class="col-sm-9 col-md-6 col-lg-8" style="background-color:#F5F5F5; padding-top:7.5%; padding-bottom:2%;">
  144.         <center> <img class="bullets" src="https://s2.postimg.org/ryrc26pjd/Heart.png">
  145.           <p class="feature1_heading">Heartful Home</p>
  146.           <p class="bullet_text" style=" color:#757575; ">If you are a kind of person who loves to do the social work, then we have got a platform for you....</p>
  147.          
  148.         </center>
  149.       </div>
  150.     </div>
  151. <div style="background-color:#F5F5F5; height:50px; width:100%;"></div>
  152.  
  153. <div class="row" id="parent">
  154.     <div class="col-sm-9 col-md-6 col-lg-8" id="bottom" style="background-color:#00AFF0; padding-top:8%; text-align:center;">
  155.    
  156.        <img class="bullet2" src="https://s1.postimg.org/4n4k5stu7/HEART_2.png">
  157.       <p class="feature2_heading">News Section</p>
  158.      
  159.      <p class="bullet_text2" >If you are a kind of person who loves to do the social work, then we have got a platform for you....</p>      
  160.     </div>
  161.     <div class="col-sm-3 col-md-6 col-lg-4" id ="top"style="background-color:#00AFF0; text-align:center;">
  162. <img class="screenshot2" src="https://s2.postimg.org/5f01nfqbt/Shape_It_App.png">
  163.     </div>
  164.    
  165.   </div>
  166.    
  167.     <div class="trim" id="contact">
  168.       <form>
  169.  
  170.         <center>
  171.  
  172.           <input type="email" id="enter_email" placeholder="E-mail Id" required pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$">
  173.           <input type="text" id="enter_subject" placeholder="Subject" required><br>
  174.           <textarea id="enter_text" placeholder="Message"></textarea><br>
  175.           <input type="button" id="submit_button" value="Submit" onclick="feedback()">
  176.                
  177.         </center>  
  178.  
  179.       </form>
  180.     </div>
  181. <div style="background-color:#00AFF0; height:400px; width:100%;text-align:center; ">
  182.   <button class="btn btn-default" id="playstore_button">GOOGLE PLAY</button>
  183. </div>
  184.       <div id="container-floating">
  185.           <a href="https://docs.google.com/forms/d/e/1FAIpQLScxW6ILePbwBt-nPOdXFrCMh8W0zeuKfiZlVyK8K17d5wSB-A/viewform" style="text-decoration:none;">
  186.       <div class="nd4 nds" data-toggle="tooltip" data-placement="left" data-original-title="contract@gmail.com"><img class="reminder">
  187.     <p class="letter">C</p>
  188.        
  189.   </div>
  190.       <div class="add ngo" data-toggle="tooltip" data-placement="left" data-original-title="contract@gmail.com"><img class="reminder">
  191.     <p class="ngoadd">Add Your NGO</p>
  192.        <span class="tip-top"></span>
  193.   </div>
  194.           </a>
  195.            <a href="" data-toggle="modal" data-target="#myModal" style="text-decoration: none;" >
  196.       <div class="nd1 nds" data-toggle="tooltip" data-placement="left" data-original-title="Edoardo@live.it"><img class="reminder">
  197.     <p class="letter">E</p>
  198.   </div>
  199.       <div class="post news" data-toggle="tooltip" data-placement="left" data-original-title="contract@gmail.com"><img class="reminder">
  200.     <p class="ngoadd">Post News</p>
  201.        <span class="tip-top"></span>
  202.                </div></a>
  203. <div id="floatingDock">
  204.   <p class="plus">+</p>
  205.   <img class="edit" src="./close.png">
  206.      </div>
  207.     </div>
  208.       <p id="addNgo" class="top">For NGO
  209.       <span class="tip"></span>
  210.       </p>
  211.      
  212.    
  213. <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet">
  214.  
  215. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
  216.  
  217. <!--CB-modal -->
  218.  
  219. <!-- Modal -->
  220. <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  221.   <div class="modal-dialog" role="document">
  222.     <div class="modal-content" id="modal-background">
  223.       <div class="modal-header">
  224.         <h5 class="modal-title" id="exampleModalLabel">Login To Your Account</h5>
  225.         <button type="button" class="close" id="close-button" data-dismiss="modal" aria-label="Close">
  226.           <span aria-hidden="true">&times;</span>
  227.         </button>
  228.       </div>
  229.       <div class="modal-body" >
  230.         <div id="background-inner">
  231.            
  232.             <div class="group">
  233.                   <input type="email" id="formUsername" autocomplete="on" name="username" class="form-control" placeholder="" required spellcheck="false" />
  234.                 <span class="highlight"></span>
  235.             <span class="bar"></span>
  236.                 <label id="label">Email</label>
  237.            
  238.             </div>
  239.                
  240.                    
  241.                 <div class="group">
  242.                   <input type="password" id="formPassword" onkeypress="onEnter()" name="password" class="form-control" placeholder="" required/>
  243.                     <span class="highlight"></span>
  244.             <span class="bar"></span>
  245.                 <label id="label">Password</label>
  246.            
  247.                 </div>
  248.            
  249.             <button class="btn btn-default" id="login-button" onClick="onSubmit()"><div id="login">Login</div>
  250.             <div id="loading">Loading....</div></button>
  251.             <a id="forgot-password" onclick="forgotPassword()">Forgot Password?</a>
  252.          
  253.         </div>
  254.          
  255.  
  256.       </div>
  257.      
  258.     </div>
  259.   </div>
  260. </div>
  261.  
  262. <script src="https://code.jquery.com/jquery-3.1.1.min.js">
  263. </script>
  264. <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js">
  265. </script>
  266. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js">
  267. </script>  
  268.      
  269.      
  270.   </div>
  271.    
  272.  
  273. <script src="https://www.gstatic.com/firebasejs/4.3.1/firebase.js"></script>
  274. <script>
  275.   // Initialize Firebase
  276.   var config = {
  277.     apiKey: "AIzaSyDJNQRwOA3ndOdi9paH1hhq20yj1kDFgeY",
  278.     authDomain: "heartful-dc3ac.firebaseapp.com",
  279.     databaseURL: "https://heartful-dc3ac.firebaseio.com",
  280.     projectId: "heartful-dc3ac",
  281.     storageBucket: "heartful-dc3ac.appspot.com",
  282.     messagingSenderId: "1029282124604"
  283.   };
  284.   firebase.initializeApp(config);
  285. </script>
  286. </body>
  287.  
  288.     <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
  289. <script src='https://cdnjs.cloudflare.com/ajax/libs/waypoints/1.1.6/waypoints.min.js'></script>
  290.  
  291.     <script src="js/index.js"></script>
  292.  
  293. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!