EVOLUTION-NINJA
Edit File: medu-ai.php
<?php echo view('NewIncludes/Header'); ?> <div class="container-fluid"> <div class="row"> <div class="col-sm-2 "> <?php echo view('NewIncludes/Home-Sidebar.php');?> </div> <div class="col-sm-10"> <section class="rig-ai"> <div class="container"> <div class="row mb-3"> <div class="col-sm-12 ali"> <img src="images/MeduAi_Logo 1.png" alt="medu ai" class="img-fluid mt-3 mx-auto d-block"> <p>MeduAI is an innovative conversational AI developed by Medusys. It serves as an intelligent virtual assistant, capable of engaging in natural language conversations with doctors.</p> <p>MeduAI is your ultimate companion for staying informed, making informed decisions, and delivering exceptional patient care.</p> <p>Try it out today and experience the future of anesthesia technology!</p> </div> </div> <div class="row mb-4 ans-height"> <!-- answer text section --> <div class="col-sm-8 ans-ais"> <h4><b>Anesthesia</b></h4> <span class="ai-text"><img src="images/ai-ans-img.png" alt="ans-ai"> Answer</span> <p class="pt-2">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Reiciendis commodi illo quod eos quibusdam, exercitationem tempore quisquam quae quia rem maxime quam, dolore quo provident accusamus. A itaque aliquid consectetur dolore quo provident accusamus. A itaque aliquid consectetur.</p> <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Qui, necessitatibus? Accusantium, quasi ex iusto eveniet esse blanditiis excepturi at nisi quibusdam aut. Laudantium non natus debitis facilis nulla vel deserunt!</p> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt magni culpa incidunt ratione suscipit! Hic tempora commodi distinctio repellendus .</p> </div> <!-- answer images section --> <div class="col-sm-4"> <div class="row"> <div class="col-sm-12"> <img src="images/Anesthesia_share 1.png" alt="" class="img-ai"> </div> </div> <div class="row pt-2"> <div class="col-sm-6"> <img src="images/Anesthesia_share 1.png" alt="" class="img-ai" > </div> <div class="col-sm-6"> <img src="images/Anesthesia_share 1.png" alt="" class="img-ai"> </div> </div> <div class="row pt-2"> <div class="col-sm-6"> <img src="images/Anesthesia_share 1.png" alt="" class="img-ai" > </div> <div class="col-sm-6"> <img src="images/Anesthesia_share 1.png" alt="" class="img-ai"> </div> </div> </div> </div> <!-- search section --> <div class="row"> <div class="col-sm-12 search-ques"> <h3><b>Where Knowledge Begins</b></h3> <!-- <div class="inp-ques"> <input type="text" name="" id=""> </div> --> </div> </div> <div class="row"> <div class="col-sm-1"></div> <div class="col-sm-9"> <div class="inp-ques"> <input type="search" name="" id="" class="form-control "> <!-- <i class="fa fa-arrow-right search-icon" aria-hidden="true"></i> --> <img src="images/Sign_in.png" class="search-icon" alt="search icon"> </div> <div class="row"> <div class="col-sm-5"></div> <div class="col-sm-2"> <button type="button" class="btn mt-2 clr-btn">Clear <img src="images/foc-Icon.png" alt="Clear-img" width: 35%;></button> </div> <div class="col-sm-5"></div> </div> </div> <div class="col-sm-2"></div> </div> </div> </section> </div> </div> </div> <style> .clr-btn{ border-radius: 20px; background-color: white; color: rgba(0, 55, 119, 1); font-size: 19px; } .search-icon { position: absolute; top: 27%; right: 35px; transform: translateY(-50%); color:#0f0e0e; font-size: x-large; } .ans-height{ height: 360px; /* overflow-y: hidden; */ } .ans-ais{ height: 360px; overflow-y: auto; } .rig-ai{ border: 2.5px dotted rgba(0, 152, 205, 1); width: 98%; margin: 15px; border-radius: 10px; background: linear-gradient(301.51deg, #B5ECFF 0%, #FFFFFF 101.59%); height: 770px; } .ali p{ text-align: center !important; color: rgba(0, 78, 141, 1); } .ans-ais{ background-color: white; border-radius: 6px; width: 100%; padding: 20px; } .ai-text{ font-size: 18px; } .img-ai{ width: 100%; height: auto; border-radius: 10px; } .search-ques h3{ text-align: center; color: rgba(0, 55, 119, 1); } .inp-ques input{ width: 100%; border-radius: 25px; padding: 10px; } .inp-ques{ background-color: white; padding: 10px; border-radius: 30px; } .side-nav { min-height: 800px !important; } @media only screen and (max-width: 600px){ .rig-ai{ width: 92% !important; height: 912px !important; } .clr-btn{ margin-left: 100px; } .img-ai{ padding: 10px; } .ans-height{ height: 360px; overflow-y: scroll; } .ans-ais{ overflow-y: hidden; } } </style> <?php echo view('NewIncludes/Footer.php');?>