main.html

<!DOCTYPE html>
<html lang="en">
<head>
	<title>Main Page</title>
	<link rel="stylesheet"  href="CSS/main_style.css">
	<meta charset="UTF-8">
</head>
<body>
    <section class="sec">
        <header>
            <a href="Images/logo1.png"><img src="Images/logo1.png" class="logo"></a>
            <ul>
                <li><a href="donate.html">Donate</a></li>
                <li><a href="learn_sign.html">Learn sign Language</a></li>
                <li><a href="about_us.html">About us</a></li>

            </ul>
        </header>
        <div class="content">
            <div class="textBox">
                <h2 style="animation-fill-mode: both">My Eye is my ear<span><br>My hand is my mouth</span></h2>
                
                <p>You don't have to compromise on virtual meetings for the sake of communication problems<br> ......................................................................................</p>
                
                <ul>
                    <li>Donate more to Canadian Association for differntly abled.</li>
                    
                    <li>Enjoy video calling friends and family. No longer will be an issue!</li>
                    
                    <li>Train and retrain as and when required!</li>
                </ul>
                <a href="index.html">Get Started</a>
            </div>
            <div class="imgBox">
                <img src="Images/undraw_online_ad_mg4t.svg" class="intros">
            </div>
        </div>
        <ul class="thumb">
            <li><img src="Images/undraw_online_ad_mg4t.svg" onclick="imgslider('Images/undraw_online_ad_mg4t.svg')"></li>
            <li><img src="Images/undraw_push_notifications_im0o.svg" onclick="imgslider('Images/undraw_push_notifications_im0o.svg')"></li>
            <li><img src="mages/undraw_video_call_kxyp.svg" onclick="imgslider('Images/undraw_video_call_kxyp.svg')"></li>
        </ul>
        
            <div>
         <ul class="sci">
            <li><a href="https://www.facebook.com/"><img src="Images/facebook.png"></a></li>
            <li><a href="https://www.twitter.com/"><img src="Images/twitter.png"></a></li>
            <li><a href="https://www.instagram.com/"><img src="Images/instagram.png"></a></li>
             <p> © </p>
             <p>Saloni Amogha </p>
             <p>Shah, T S</p>
        </ul>
        </div>
        </section>
    <script type="text/javascript">
        function imgslider(anything){
            document.querySelector('.intros').src=anything;
        }

    </script>
    </body>
</html>