chatbot-demo / static /index.html
muryshev's picture
init
7c28e1f
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Строительная Компания</title>
<link rel="stylesheet" href="/static/style.css">
</head>
<body>
<header>
<h1>Добро пожаловать на сайт нашей строительной компании</h1>
<nav>
<ul>
<li><a href="#about">О нас</a></li>
<li><a href="#services">Услуги</a></li>
<li><a href="#projects">Проекты</a></li>
<li><a href="#contact">Контакты</a></li>
</ul>
</nav>
</header>
<section id="about">
<h2>О нас</h2>
<p>Наша компания специализируется на строительстве и ремонте зданий. Мы предлагаем высококачественные услуги,
которые удовлетворят потребности любого клиента.</p>
</section>
<section id="services">
<h2>Услуги</h2>
<ul>
<li>Строительство домов</li>
<li>Ремонт квартир</li>
<li>Ландшафтный дизайн</li>
<li>Электромонтажные работы</li>
</ul>
</section>
<section id="projects">
<h2>Проекты</h2>
<p>Мы гордимся своими проектами. Вот некоторые из них:</p>
<div class="project">
<img src="project1.jpg" alt="Проект 1">
<p>Описание проекта 1</p>
</div>
<div class="project">
<img src="project2.jpg" alt="Проект 2">
<p>Описание проекта 2</p>
</div>
</section>
<section id="contact">
<h2>Контакты</h2>
<p>Свяжитесь с нами по телефону: +7 (123) 456-78-90</p>
<p>Email: info@company.com</p>
</section>
<footer>
<p>&copy; 2023 Строительная Компания. Все права защищены.</p>
</footer>
<!-- Чат-бот -->
<div id="chat-bot-container" class="draggable resizable">
<div class="chat-header">ИИ консультант</div>
<div class="chat-messages" id="chat-messages"></div>
<div class="chat-input">
<form onsubmit="sendMessage(); return false;" action="#">
<input type="text" id="user-input" placeholder="Введите запрос...">
<button type="submit" id="submit-button">Отправить</button>
</form>
</div>
<button id="clear-history" onclick="clearConversationHistory()" style="display: block; margin-top: 10px">Удалить историю</button>
</div>
<script src="/static/chat-bot.js"></script>
<script src="/static/drag-resize.js"></script>
</body>
</html>