YasinOnm08/ai-virtual-assistant
1
0
Fork 0
forked from React-Group/ai-virtual-assistant
Code Pull requests Activity

Improved the css & html

Browse source
This commit is contained in:
sageTheDM 2024-09-16 13:16:11 +02:00
parent 8d51733f2f
commit 1f5911d2fa
2 changed files with 76 additions and 38 deletions
Download patch file Download diff file Expand all files Collapse all files

74
html/index.html
View file

@ -15,16 +15,26 @@
<!-- History section: A scrollable list of interactions or messages -->
<div class="history">
<ul>
<li>history1</li>
<li>history2</li>
<li>history3</li>
<li>history4</li>
<li>history5</li>
<li>history6</li>
<li>history7</li>
<li>history8</li>
<li>history9</li>
<li>history10</li>
<li><a href="#">history1</a></li>
<li><a href="#">history2</a></li>
<li><a href="#">history3</a></li>
<li><a href="#">history4</a></li>
<li><a href="#">history5</a></li>
<li><a href="#">history6</a></li>
<li><a href="#">history7</a></li>
<li><a href="#">history8</a></li>
<li><a href="#">history9</a></li>
<li><a href="#">history10</a></li>
<li><a href="#">history11</a></li>
<li><a href="#">history12</a></li>
<li><a href="#">history13</a></li>
<li><a href="#">history14</a></li>
<li><a href="#">history15</a></li>
<li><a href="#">history16</a></li>
<li><a href="#">history17</a></li>
<li><a href="#">history18</a></li>
<li><a href="#">history19</a></li>
<li><a href="#">history20</a></li>
</ul>
</div>
@ -33,26 +43,28 @@
<div class="titel">
<h1>Different AI models</h1>
</div>
<!-- Each AI model is represented as a colored circular button -->
<div class="ai-class">
<h3>Code</h3>
<div class="circle code-model"></div>
</div>
<div class="ai-class">
<h3>Math</h3>
<div class="circle math-model"></div>
</div>
<div class="ai-class">
<h3>Language</h3>
<div class="circle language-model"></div>
</div>
<div class="ai-class">
<h3>Default</h3>
<div class="circle default-model"></div>
</div>
<div class="ai-class">
<h3>Custom</h3>
<div class="circle custom-model"></div>
<div class="grid">
<!-- Each AI model is represented as a colored circular button -->
<div class="ai-class">
<h3>Code</h3>
<div class="circle code-model"></div>
</div>
<div class="ai-class">
<h3>Math</h3>
<div class="circle math-model"></div>
</div>
<div class="ai-class">
<h3>Language</h3>
<div class="circle language-model"></div>
</div>
<div class="ai-class">
<h3>Default</h3>
<div class="circle default-model"></div>
</div>
<div class="ai-class">
<h3>Custom</h3>
<div class="circle custom-model"></div>
</div>
</div>
</div>
@ -75,4 +87,4 @@
</div>
</body>
</html>
</html>