webcam.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&family=Poppins:wght@300;400;500&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="css style guide\styles.css">
  <link rel="stylesheet" href="css style guide\styleguide.css">

    <title>Webcam</title>
</head>
<body class="body">
    
    <a href="result1.html" class="article-1 mm-b3">Article</a>    
    
    <a href="quiz.html" class="take-quiz-2 mm-b3">Take quiz</a>
        
    <a href="about us2.html" class="about-us-1 mm-b3">About us</a> 
            
    <img class="mending_-minds-removebg-preview-1" src="IMG-20220922-WA0012-removebg-preview.png"alt="mending-minds-removebg-preview-1"/>    
            
    <div class="rectangle-disc-2">

        <h1 class="facial-expression-re open-nor-w-30">Facial Expression Recognition through webcam</h1> 
            
        <div class="this-section-contain">This section contains a few questions about your medical parameters like blood pressure, oxygen level and heart rate. This section is optional. In case of inavailability of Blood pressure measuring machine and oximeter you can enter your last measured readings of blood pressure, oxygen level and heart rate. Please allow our website to access your webcam.</div>

    </div>

    <button class="allow-access-to-webcam mm-b3" type="button" onclick="alert('Allow our website to access your webcam')">
         Allow access to webcam</button>
    
    <div class="lets-move-to-next-section-now">Let's move to next section now</div>
    
    <a class="next mm-b3" type="button" href="result1.html" onclick="link">Next</a>
            
</body>
</html>