-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
69 lines (65 loc) · 2.64 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--* Title Name For Site -->
<title>ConvoCraft</title>
<!--* FavIcon -->
<link rel="icon" href="./imgs/chatgpt-6.svg?v=2">
<!--* Font Awsome -->
<link rel="stylesheet" href="./css/all.min.css">
<!--* Google Font -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@24,400,0,0" />
<!--* Main Stylesheet -->
<link rel="stylesheet" href="./css/style.css">
<!--* Media Query -->
<link rel="stylesheet" href="./css/media.css">
</head>
<body>
<header class="header">
<!--* Header Greetings -->
<h2 class="title">Hello, there</h2>
<h4 class="subtitle">How Can I Help You , Today?</h4>
<!--* Suggestion List -->
<ul class="suggestion-list">
<li class="suggestion">
<h4 class="text">Help me plan a game night with my 5 best friends for under 100$</h4>
<span class=" icon material-symbols-rounded">draw</span>
</li>
<li class="suggestion">
<h4 class="text">What are the best tips to improve my public speaking skills?</h4>
<span class=" icon material-symbols-rounded">lightbulb</span>
</li>
<li class="suggestion">
<h4 class="text">Can you help me find the latest news on web development?</h4>
<span class=" icon material-symbols-rounded">explore</span>
</li>
<li class="suggestion">
<h4 class="text">Write JavaScript code to sum all elements in an array.</h4>
<span class=" icon material-symbols-rounded">code</span>
</li>
</ul>
</header>
<!--* Chat List -->
<div class="chat-list"></div>
<!--* Typing Area -->
<div class="typing-area">
<form action="#" class="typing-form">
<div class="input-wrapper">
<input type="text" placeholder="Enter a prompt here" class="typing-input" required>
<button class=" icon material-symbols-rounded">send</button>
</div>
<div class="action-buttons">
<span id="toggle-theme-button" class=" icon material-symbols-rounded">light_mode</span>
<span id="delete-button" class=" icon material-symbols-rounded">delete</span>
</div>
</form>
<p class="disclaimer-text">
Gemini may display inaccurate info, including about people , so double-check its responses.
</p>
</div>
<!--* Scripting File -->
<script src="./js/main.js"></script>
</body>
</html>