Upload New File

da6b55bb · Jasvitha Allamsetty · 0ab4d97d · da6b55bb
Commit da6b55bb authored Apr 02, 2021 by Jasvitha Allamsetty
--- a/front end/index.html
+++ b/front end/index.html
+<!DOCTYPE html>
+<html>
+<body onload="typeWriter()">
+
+<style> 
+p {text-align: center;
+color: black;
+}
+body {
+  background-repeat: no-repeat;
+  background-attachment: fixed;  
+  background-size: cover;
+}
+</style>
+<br><br><br><br><br><br><br>
+<p id="demo" style="font-size:60px" ></p>
+<script>
+var i = 0;
+var txt = 'Welcome to Reachy...!';
+var speed = 60;
+
+function typeWriter() {
+  if (i < txt.length) {
+	
+    document.getElementById("demo").innerHTML += txt.charAt(i);
+    i++;
+    setTimeout(typeWriter, speed);
+  }
+}
+</script>
+
+</body>
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<style>
+* {box-sizing: border-box;}
+body {font-family: Verdana, sans-serif;}
+.mySlides {display: none;}
+img {vertical-align: middle;}
+
+/* Slideshow container */
+.slideshow-container {
+  max-width: 580px;
+  position: relative;
+  margin: auto;
+}
+
+/* Caption text */
+.text {
+  color: #f2f2f2;
+  font-size: 15px;
+  padding: 8px 12px;
+  position: absolute;
+  bottom: 8px;
+  width: 100%;
+  text-align: center;
+}
+
+/* Number text (1/3 etc) */
+.numbertext {
+  color: #f2f2f2;
+  font-size: 12px;
+  padding: 8px 12px;
+  position: absolute;
+  top: 0;
+}
+
+/* The dots/bullets/indicators */
+.dot {
+  height: 8px;
+  width: 8px;
+  margin: 0 2px;
+  background-color: #bbb;
+  border-radius: 50%;
+  display: inline-block;
+  transition: background-color 0.6s ease;
+}
+
+.active {
+  background-color: #717171;
+}
+
+/* Fading animation */
+.fade {
+  -webkit-animation-name: fade;
+  -webkit-animation-duration: 1.5s;
+  animation-name: fade;
+  animation-duration: 1.5s;
+}
+
+@-webkit-keyframes fade {
+  from {opacity: .4} 
+  to {opacity: 1}
+}
+
+@keyframes fade {
+  from {opacity: .4} 
+  to {opacity: 1}
+}
+
+/* On smaller screens, decrease text size */
+@media only screen and (max-width: 300px) {
+  .text {font-size: 11px}
+}
+</style>
+</head>
+<body>
+
+
+<br>
+
+
+<script>
+var slideIndex = 0;
+showSlides();
+
+function showSlides() {
+  var i;
+  var slides = document.getElementsByClassName("mySlides");
+  var dots = document.getElementsByClassName("dot");
+  for (i = 0; i < slides.length; i++) {
+    slides[i].style.display = "none";  
+  }
+  slideIndex++;
+  if (slideIndex > slides.length) {slideIndex = 1}    
+  for (i = 0; i < dots.length; i++) {
+    dots[i].className = dots[i].className.replace(" active", "");
+  }
+  slides[slideIndex-1].style.display = "block";  
+  dots[slideIndex-1].className += " active";
+  setTimeout(showSlides, 3000); // Change image every 2 seconds
+}
+</script>
+
+<style>
+.button2 {background-color: #f44336 ; padding: 10px 32px;border-radius: 12px; position: relative;color: white; font-size:30px} /* Blue */
+.button3 {background-color: #008B00; padding: 10px 32px;border-radius: 12px;position: relative;color: white;font-size:30px} /* red */
+
+.horizontal-center {
+  margin: 0;
+  position: absolute;
+  left: 38%;
+  -ms-transform: translateX(-25%);
+  transform: translateX(-25%);
+}
+
+</style>
+
+
+<div class="container" style:>
+  <div class="horizontal-center">
+	<button class="button button2" onclick="document.location='SignUp.html'">Signup</button> &nbsp &nbsp &nbsp &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
+	<button class="button button3" onclick="document.location='Login.html'">Login</button> 
+  </div>
+</div>
+
+</body>
+</br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br>
+
+<body>
+
+
+
+<footer class="footer">
+  <a href="AboutUs.html" style="color:#000000;">About Us</a> &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp <a href="ContactUs.html" style="color:#000000;">Contact Us</a> 
+</footer>
+</body>
+
+
+</html>
\ No newline at end of file