proj.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Disease Prediction</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- normalize css -->
    <link rel = "stylesheet" href = "resources/normalize.css">
    <!-- font -->
    <link rel = "stylesheet" href = "resources/font.css">
    <!-- font awesome cdn -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css" integrity="sha512-+4zCK9k+qNFUR5X+cKL9EIR+ZOhtIloNl9GIKS57V1MyNsYpYcUrUeQc9vNfzsWfV28IaLL3i96P9sdNyeRssA==" crossorigin="anonymous" />
    <!-- magnific popup -->
    <link rel = "stylesheet" href = "resources/Magnific-Popup-master/dist/magnific-popup.css">
    <!-- owl carousel -->
    <link rel = "stylesheet" href = "resources/OwlCarousel2-2.3.4/dist/assets/owl.carousel.css">
    <link rel = "stylesheet" href = "resources/OwlCarousel2-2.3.4/dist/assets/owl.theme.default.css">
    <!-- animate css -->
    <link rel = "stylesheet" href = "resources/animate.css-main/animate.css">
    <!-- custom (main) css -->
    <link rel="stylesheet" href="projstyle.css">

  </head>
  <body>
    
    <!-- header -->
    <header class = "header" id = "intro">
      <nav class = "navbar">
        <div class = "container">
          <div class = "brand-and-toggler">
            <a href = "proj.html" class = "navbar-brand">
              SPECTRA SCAN
            </a>
            <button type = "button" class = "navbar-toggler" id = "navbar-toggler">
              <i class = "fas fa-bars"></i>
            </button>
          </div>

          <div class = "navbar-collapse">
            <ul class = "navbar-nav">
              <li class = "nav-item">
                <a href = "#intro" class = "nav-link">Home</a>
              </li>
              <li class = "nav-item">
                <a href = "#feature" class = "nav-link">services</a>
              </li>
              <li class = "nav-item">
                <a href = "#team" class = "nav-link">team</a>
              </li>
              <li class = "nav-item">
                <a href = "#contact" class = "nav-link">contact</a>
              </li>
            </ul>
          </div>
        </div>
      </nav>

      <div class = "hero-div center container">
        <h1>Disease Prediction Website</h1>
        <p class = "animate__animated animate__fadeInUp animate__slow">Using Machine Learning</p>

        <div class = "hero-btns animate__animated animate__fadeInUp animate__slow">
          <button type = "button" class = "btn-trans">learn more</button>
          <button type = "button" class = "btn-white" >LOGIN</button>
        </div>
      </div>
    </header>
    <!-- end of header -->

    <!-- detail section -->
    <section class = "detail">
      <div class = "container">
        <div class = "row">
          <div class = "detail-item wow animate__animated animate__fadeInLeft animate__slow">
            <span><i class = "fas fa-ribbon"></i></span>
            <h1>Breast Cancer Prediction</h1>
            <div class = "line"></div>
            <p class = "text">With the use of machine learning and python, we are able to predict if a patient is diagnosed with Breast Cancer.</p>
          </div>

          <div class = "detail-item wow animate__animated animate__fadeInUp animate__s">
            <span><i class = "fab fa-html5"></i></span>
            <h1>Website Creation</h1>
            <div class = "line"></div>
            <p class = "text">Using HTML, CSS and Javascript, we have created a website with the help of a template from GeekProbin.</p>
          </div>

          <div class = "detail-item wow animate__animated animate__fadeInRight animate__slow">
            <span><i class = "fas fa-ribbon"></i></span>
            <h1>Parkinson's Disease Prediction</h1>
            <div class = "line"></div>
            <p class = "text">With the use of machine learning and python, we are able to predict if a patient is diagnosed with Parkinson's Disease.</p>
          </div>
        </div>
      </div>
    </section>
    <!-- end of detial section -->
    
    <!-- features section -->
    <section class = "feature" id = "feature">
      <div class = "container">
        <div class = "row">
          <div class = "feature-left wow animate__animated animate__fadeInUp animate__slow">
            <img src = "Images/features-mockup.png" alt = "">
          </div>
          <div class = "feature-right wow animate__animated animate__fadeInUp animate__slow">
            <div class = "title">
              <h2>Explore our Services</h2>
              <p class = "text">Click the below titles to go the Breast Cancer or Parkinson's Disease Prediction pages.</p>
            </div>

            <div class = "feature-item">
              <span><i class = "fas fa-tablet-alt"></i></span>
              <div>
                <h3>
                  <a href="cancer1.html">Breast Cancer Detection</a>
                </h3>
                <p class = "text">Medical Data Required:/features in the dataset</p>
              </div>
            </div>

            <div class = "feature-item">
              <span><i class = "fas fa-clone"></i></span>
              <div>
                <h3>
                  <a href="parkinson.html">Parkinson's Disease Detection</a>
                </h3>
                <p class = "text">Medical Data Required:/features in the dataset </p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- end of features section -->


    <!-- team section -->
    <section class = "team" id = "team">
      <div class = "container">
        <div class = "title">
          <h2 class = "wow animate__animated animate__bounceIn animate__slow">Meet Our Team</h2>
          <p class = "text">Our Team of aspiring and dynamic students</p>
        </div>

        <div class="team-list" class = "row owl-carousel owl-theme wow animate__animated animate__fadeInUp animate__slow">
          <div class = "team-item">
            <div class = "team-img">
              <img class ="member-img" src = "https://i.pinimg.com/736x/c0/27/be/c027bec07c2dc08b9df60921dfd539bd.jpg" alt = "">
            </div>
            <div class = "team-info">
              <h3>Purav Ahya</h3>
              <span>Web Developer and Machine Learning</span>
            </div>
          </div>

          <div class = "team-item">
            <div class = "team-img">
              <img class ="member-img" src = "https://i.pinimg.com/736x/c0/27/be/c027bec07c2dc08b9df60921dfd539bd.jpg" alt = "">
            </div>
            <div class = "team-info">
              <h3>Kanishka Amritkar</h3>
              <span>Web Developer and Machine Learning</span>
            </div>
          </div>

          <div class = "team-item">
            <div class = "team-img">
              <img class ="member-img" src = "https://i.pinimg.com/736x/c0/27/be/c027bec07c2dc08b9df60921dfd539bd.jpg" alt = "">
            </div>
            <div class = "team-info">
              <h3>Isha Bamel</h3>
              <span>Web Developer and Machine Learning</span>
            </div>
          </div>

          

          
        </div>
      </div>
    </section>
    <!-- end of team section -->

    <!-- contact section -->
    <section class = "contact" id = "contact">
      <div class = "container">
        <div class = "title">
          <h2 class = "wow animate__animated animate__bounceIn animate__slow">Contact Us</h2>
        </div>

        <div class = "row wow animate__animated animate__fadeInUp animate__slow">
          <div class = "contact-left">
            <h2>Send Message Here</h2>
            <form action="contactformhandler11.php" method="POST">
              <input type = "text" class = "form-control" placeholder="Name" required>
              <input type = "email" class = "form-control" placeholder="Email" required>
              <textarea placeholder="Message" rows = "6"></textarea>
              <button type = "submit" class = "submit-btn">Send Now</button>
              
            </form>
          </div>

          <div class = "contact-right">
            
            <div>
              <h2>Send Email</h2>
              <p class = "text">xyz@gmail.com <br>
              abc@gmail.com <br>
               
              </p>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- end of contact section -->

    <!-- footer -->
    <footer class = "footer center">
      <div class = "container">
        <p class = "text">&copy; SpectraScan</p>
        <div class = "footer-links">
          <a href = "#" class = "center">
            <i class = "fab fa-facebook-f"></i>
          </a>
          <a href = "#" class = "center">
            <i class = "fab fa-instagram"></i>
          </a>
          <a href = "#" class = "center">
            <i class = "fab fa-linkedin"></i>
          </a>
          <a href = "#" class = "center">
            <i class = "fab fa-twitter"></i>
          </a>
          <a href = "#" class = "center">
            <i class = "fab fa-pinterest"></i>
          </a>
        </div>
      </div>
    </footer>
    <!-- end of footer -->






    <!-- jQuery -->
    <script src = "resources/jquery-3.5.1.js"></script>
    <!-- magnific popup -->
    <script src = "resources/Magnific-Popup-master/dist/jquery.magnific-popup.js"></script>
    <!-- owl carousel -->
    <script src = "resources/OwlCarousel2-2.3.4/dist/owl.carousel.js"></script>
    <!-- wow js -->
    <script src = "resources/WOW-master/dist/wow.js"></script>
    <!-- custom js -->
    <script src="proj.js" ></script>
   
  </body>
  
</html>