Skip to content

2
20_21-J09
Commit 1afa96a1 authored by IT17167338_Minoli Pemmawadu's avatar IT17167338_Minoli Pemmawadu
Browse files
Options

Upload virtual Assistant front end New File

parent 56ac0410
Show whitespace changes
Inline Side-by-side
Showing with 137 additions and 0 deletions
index.html 0 → 100644
View file @ 1afa96a1
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<link
rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
/>
<title>Assistant</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<!-- Trigger/Open The Modal -->
<button id="myBtn">Open Modal</button>
<!-- The Modal -->
<div id="myModal" class="modal" style="height:100vh">
<!-- Modal content -->
<div class="modal-content">
<span class="close">&times;</span>
<section class="container">
<header>
<h1>Ask Me Anything</h1>
</header>
<main>
<div class="row">
<div class="col text-center">
<button id="startBtn" class="btn btn-primary">
Start
</button>
</div>
</div>
<div class="input-group question">
<span class="input-group-text" id="basic-addon1">
<svg
xmlns="http://www.w3.org/2000/svg"
width="16"
height="16"
fill="currentColor"
class="bi bi-mic"
viewBox="0 0 16 16"
>
<path
d="M3.5 6.5A.5.5 0 0 1 4 7v1a4 4 0 0 0 8 0V7a.5.5 0 0 1 1 0v1a5 5 0 0 1-4.5 4.975V15h3a.5.5 0 0 1 0 1h-7a.5.5 0 0 1 0-1h3v-2.025A5 5 0 0 1 3 8V7a.5.5 0 0 1 .5-.5z"
></path>
<path
d="M10 8a2 2 0 1 1-4 0V3a2 2 0 1 1 4 0v5zM8 0a3 3 0 0 0-3 3v5a3 3 0 0 0 6 0V3a3 3 0 0 0-3-3z"
></path>
</svg>
</span>
<input
id="input"
type="text"
class="form-control"
aria-label="Input group example"
aria-describedby="basic-addon1"
height="12"
/>
<span class="input-group-text" id="basic-addon1">
<button
id="inputBtn"
type="button"
class="btn btn-primary"
>
<!-- <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-search" viewBox="0 0 16 16">
<path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/>
</svg> -->
Search
</button>
</span>
</div>
<div
id="reply_section"
class="row justify-content-center"
>
<div class="col-md-12 col-xl-12 chat">
<div class="card">
<div class="card-body msg_card_body">
<div
class="d-flex justify-content-start mb-4"
>
<div class="img_cont_msg">
<img
src="boy.png"
class="rounded-circle user_img_msg"
/>
</div>
<div
id="question"
class="msg_cotainer"
></div>
</div>
<div class="d-flex justify-content-end">
<div
id="answer"
class="msg_cotainer_send"
></div>
<div class="img_cont_msg">
<img
src="bot.png"
class="rounded-circle user_img_msg"
/>
</div>
</div>
<a href="#" onclick="stopTalking()"
><span class="badge badge-danger"
><svg
xmlns="http://www.w3.org/2000/svg"
width="16"
height="16"
fill="currentColor"
class="bi bi-volume-mute"
viewBox="0 0 16 16"
>
<path
d="M6.717 3.55A.5.5 0 0 1 7 4v8a.5.5 0 0 1-.812.39L3.825 10.5H1.5A.5.5 0 0 1 1 10V6a.5.5 0 0 1 .5-.5h2.325l2.363-1.89a.5.5 0 0 1 .529-.06zM6 5.04 4.312 6.39A.5.5 0 0 1 4 6.5H2v3h2a.5.5 0 0 1 .312.11L6 10.96V5.04zm7.854.606a.5.5 0 0 1 0 .708L12.207 8l1.647 1.646a.5.5 0 0 1-.708.708L11.5 8.707l-1.646 1.647a.5.5 0 0 1-.708-.708L10.793 8 9.146 6.354a.5.5 0 1 1 .708-.708L11.5 7.293l1.646-1.647a.5.5 0 0 1 .708 0z"
/></svg></span
></a>
</div>
</div>
</div>
</div>
</main>
<footer>Voice Assistant</footer>
</section>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="main.js"></script>
</body>
</html>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment