Skip to content
Snippets Groups Projects
groupassignmentweek-11.html 6.79 KiB
Newer Older
Siddhi Bodhe's avatar
Siddhi Bodhe committed
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>Sanjivani Fab Lab</title>
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta content="Free HTML Templates" name="keywords">
    <meta content="Free HTML Templates" name="description">

    <!-- Favicon -->
    <link href="img/favicon.ico" rel="icon">

    <!-- Google Web Fonts -->
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Rubik&display=swap" rel="stylesheet"> 

    <!-- Font Awesome -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.0/css/all.min.css" rel="stylesheet">

    <!-- Libraries Stylesheet -->
    <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
    <link href="lib/tempusdominus/css/tempusdominus-bootstrap-4.min.css" rel="stylesheet" />

    <!-- Customized Bootstrap Stylesheet -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Template Stylesheet -->
    <link href="css/style.css" rel="stylesheet">

    <style>
        /* Use flexbox to create a row layout */
        .image-container {
                   display: flex;
               }
       
               /* Optional: Add some spacing between images */
               .image-container img {
                   margin-right: 10px;
               }
           h2 {
               margin-right: 150px;
             margin-left: 150px;
           }
           h3 {
               margin-right: 150px;
             margin-left: 150px;
           }
           h4 {
               margin-right: 150px;
             margin-left: 150px;
           }
           p {
             margin: 30px;
           }
       div {
         text-align: justify;
         text-justify: inter-word;
       }
       img {
             display: block;
             margin-left: auto;
             margin-right: auto;
           }
           p {
             margin-right: 150px;
             margin-left: 150px;
           }
           p {
             font-size: 24px;
           }
           * {
                 box-sizing: border-box;
               }
               
               .column {
                 float: left;
                 width: 33.33%;
                 padding: 5px;
               }
               
               /* Clearfix (clear floats) */
               .row::after {
                 content: "";
                 clear: both;
                 display: table;
               }
               
       </style>

</head>

<body>
    <!-- Topbar Start -->
    <div class="container-fluid bg-dark py-3 px-lg-5 d-none d-lg-block">
        <div class="row">
            <div class="col-md-6 text-center text-lg-left mb-2 mb-lg-0">
                <div class="d-inline-flex align-items-center">
                    <a class="text-body pr-3" href=""><i class="fa fa-phone-alt mr-2"></i></a>
                    <span class="text-body">|</span>
                    <a class="text-body px-3" href=""><i class="fa fa-envelope mr-2"></i></a>
                </div>
            </div>
            <div class="col-md-6 text-center text-lg-right">
                <div class="d-inline-flex align-items-center">
                    <a class="text-body px-3" href="">
                        <i class="fab fa-facebook-f"></i>
                    </a>
                    <a class="text-body px-3" href="">
                        <i class="fab fa-twitter"></i>
                    </a>
                    <a class="text-body px-3" href="">
                        <i class="fab fa-linkedin-in"></i>
                    </a>
                    <a class="text-body px-3" href="">
                        <i class="fab fa-instagram"></i>
                    </a>
                    <a class="text-body pl-3" href="">
                        <i class="fab fa-youtube"></i>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!-- Topbar End -->


   

<br>


    <!-- Page Header Start -->
    <div class="container-fluid page-header">
        <h1 class="display-3 text-uppercase text-white mb-3"> Week-11</h1>
        <div class="d-inline-flex text-white">
            <h6 class="text-uppercase m-0"><a class="text-white" href="">Group Assignments</a></h6>
            <h6 class="text-body m-0 px-3">/</h6>
            <h6 class="text-uppercase text-body m-0">Input Devices</h6>
        </div>
    </div>
    <!-- Page Header Start -->

    <!--Documentation Start-->
    <p><FONT COLOR="black">
        <b>Group Assignment of Week-11</b><br>
        This assignment is about documenting what we learned about Input Devices<br>
<b>Objectives of Group Assignment:</b><br>
1. Probe an input device's analog levels and digital signals.<br>

<b>Input Devices:-</b><br>
    <b>What is Input device?</b>  The name itself give an idea that the device which takes an input from environment called as input device. An input device is a hardware component that allows users to provide data and control signals to a computer or other electronic systems. These devices translate physical actions, such as typing on a keyboard, clicking a mouse, or touching a screen, into electronic signals that the system can understand and process. Input devices are essential for user interaction, enabling the input of information, commands, and controls necessary for operating the system. Common examples include keyboards for text input, mice for navigation, touchscreens for direct interaction, and sensors for detecting environmental changes. By converting human actions into machine-readable signals, input devices play a critical role in the functionality and usability of electronic systems.<br>
    <br>
</FONT></p>
<div>
    <img  width="700" height="450"src="img/groupass-11/01.png">
</div><br>


    <!--Documentation End-->

       
    <!-- Footer Start -->
    <div>
        <p><center><u><h3><FONT COLOR="2b2e4a">Sanjivani Fab Lab&#128513;</FONT></h3></u></center></p><br><br>
     </div>   
     <!-- Footer End -->

    <!-- Back to Top -->
    <a href="#" class="btn btn-lg btn-primary btn-lg-square back-to-top"><i class="fa fa-angle-double-up"></i></a>


    <!-- JavaScript Libraries -->
    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.bundle.min.js"></script>
    <script src="lib/easing/easing.min.js"></script>
    <script src="lib/waypoints/waypoints.min.js"></script>
    <script src="lib/owlcarousel/owl.carousel.min.js"></script>
    <script src="lib/tempusdominus/js/moment.min.js"></script>
    <script src="lib/tempusdominus/js/moment-timezone.min.js"></script>
    <script src="lib/tempusdominus/js/tempusdominus-bootstrap-4.min.js"></script>

    <!-- Template Javascript -->
    <script src="js/main.js"></script>
</body>

</html>