<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Рауф - Программист</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<nav>
<ul>
<li><a href="#">Главная</a></li>
<li><a href="#">Обо мне</a></li>
<li><a href="#">Услуги</a></li>
<li><a href="#">Портфолио</a></li>
<li><a href="#">Отзывы</a></li>
<li><a href="#">Блог</a></li>
<li><a href="#">Контакты</a></li>
</ul>
</nav>
</header>
<main>
<section class="hero">
<h1>Рауф - Программист</h1>
<p>Студент 2 курса колледжа информационных технологий, предлагающий широкий спектр услуг в области программирования и консультирования.</p>
<a href="#" class="cta">Связаться со мной</a>
</section>
<section class="about">
<h2>Обо мне</h2>
<div class="about-content">
<div class="about-text">
<p>Меня зовут Рауф, и я являюсь студентом 2 курса колледжа информационных технологий. Я предлагаю широкий спектр услуг, включающих настройку и доработку различных конфигураций 1С, разработку отчетов, обработок и интеграций, а также создание приложений для автоматизации бизнес-процессов на C# и веб-приложений на заказ.</p>
<p>Кроме того, я обладаю опытом работы с базами данных MySQL, включая проектирование, оптимизацию запросов и написание хранимых процедур. Я также могу предоставить консультации по эффективной работе с MySQL, от установки СУБД до решения конкретных задач с данными.</p>
<p>За время учебы в колледже я успел поработать над несколькими интересными проектами, которые позволили мне приобрести ценный опыт. Я постоянно стремлюсь к саморазвитию и совершенствованию своих навыков, чтобы предоставлять качественные услуги своим клиентам.</p>
</div>
<div class="about-image">
<img src="rauf.jpg" alt="Рауф, программист">
</div>
</div>
</section>
<section class="services">
<h2>Мои услуги</h2>
<div class="services-list">
<div class="service-item">
<h3>1С</h3>
<p>Настройка и доработка различных конфигураций 1С, разработка отчетов, обработок и интеграций.</p>
<a href="#" class="service-link">Подробнее</a>
</div>
<div class="service-item">
<h3>C#</h3>
<p>Создание desktop и web приложений для автоматизации бизнес-процессов.</p>
<a href="#" class="service-link">Подробнее</a>
</div>
<div class="service-item">
<h3>MySQL</h3>
<p>Консультирование по эффективной работе с базами данных, от установки СУБД до решения конкретных задач.</p>
<a href="#" class="service-link">Подробнее</a>
</div>
</div>
</section>
<section class="portfolio">
<h2>Мое портфолио</h2>
<div class="portfolio-items">
<div class="portfolio-item">
<img src="project1.jpg" alt="Проект 1">
<h3>Проект 1</h3>
<p>Описание проекта 1</p>
<a href="#" class="portfolio-link">Подробнее</a>
</div>
<div class="portfolio-item">
<img src="project2.jpg" alt="Проект 2">
<h3>Проект 2</h3>
<p>Описание проекта 2</p>
<a href="#" class="portfolio-link">Подробнее</a>
</div>
<div class="portfolio-item">
<img src="project3.jpg" alt="Проект 3">
<h3>Проект 3</h3>
<p>Описание проекта 3</p>
<a href="#" class="portfolio-link">Подробнее</a>
</div>
</div>
</section>
<section class="testimonials">
<h2>Отзывы</h2>
<div class="testimonial-items">
<div class="testimonial-item">
<div class="testimonial-image">
<img src="client1.jpg" alt="Клиент 1">
</div>
<div class="testimonial-content">
<h3>Клиент 1</h3>
<p>"Рауф выполнил все работы качественно и в срок. Я очень доволен результатом и рекомендую его как надежного специалиста."</p>
</div>
</div>
<div class="testimonial-item">
<div class="testimonial-image">
<img src="client2.jpg" alt="Клиент 2">
</div>
<div class="testimonial-content">
<h3>Клиент 2</h3>
<p>"Рауф показал себя как компетентный и ответственный программист. Он быстро разобрался в нашей задаче и предложил эффективное решение."</p>
</div>
</div>
<div class="testimonial-item">
<div class="testimonial-image">
<img src="client3.jpg" alt="Клиент 3">
</div>
<div class="testimonial-content">
<h3>Клиент 3</h3>
<p>"Я работаю с Рауфом уже несколько лет и всегда остаюсь доволен его работой. Он профессионал своего дела и отличный специалист."</p>
</div>
</div>
</div>
</section>
<section class="blog">
<h2>Статьи в моем блоге</h2>
<div class="blog-posts">
<div class="blog-post">
<img src="blog-post1.jpg" alt="Блог-пост 1">
<h3>Как оптимизировать базу данных 1С</h3>
<p>В этой статье я поделюсь некоторыми практическими советами по оптимизации производительности баз данных в 1С...</p>
<a href="#" class="blog-link">Читать далее</a>
</div>
<div class="blog-post">
<img src="blog-post2.jpg" alt="Блог-пост 2">
<h3>Обзор популярных фреймворков C#</h3>
<p>Рассмотрим наиболее популярные фреймворки для C#, их особенности и области применения...</p>
<a href="#" class="blog-link">Читать далее</a>
</div>
<div class="blog-post">
<img src="blog-post3.jpg" alt="Блог-пост 3">
<h3>Разработка интеграций 1С с внешними системами</h3>
<p>В этой статье мы обсудим различные способы интеграции 1С с другими программными продуктами...</p>
<a href="#" class="blog-link">Читать далее</a>
</div>
</div>
</section>
<section class="contact">
<h2>Связаться со мной</h2>
<form>
<label for="name">Имя:</label>
<input type="text" id="name" name="name" required>
<label for="email">Email:</label>
<input type="email" id="email" name="email" required>
<label for="message">Сообщение:</label>
<textarea id="message" name="message" required></textarea>
<button type="submit">Отправить</button>
</form>
</section>
</main>
<footer>
<div class="footer-content">
<div class="footer-about">
<h3>Рауф - Программист</h3>
<p>Студент 2 курса колледжа информационных технологий, предлагающий широкий спектр услуг в области программирования и консультирования.</p>
</div>
<div class="footer-links">
<h3>Быстрые ссылки</h3>
<ul>
<li><a href="#">Главная</a></li>
<li><a href="#">Обо мне</a></li>
<li><a href="#">Услуги</a></li>
<li><a href="#">Портфолио</a></li>
<li><a href="#">Отзывы</a></li>
<li><a href="#">Блог</a></li>
<li><a href="#">Контакты</a></li>
</ul>
</div>
<div class="footer-contact">
<h3>Контакты</h3>
<ul>
<li>Email: rauf@example.com</li>
<li>Телефон: +7 (123) 456-78-90</li>
<li>Адрес: Россия, г. Москва, ул. Пушкина, д. 10</li>
</ul>
</div>
</div>
<div class="footer-copyright">
<p>© 2024 Рауф - Программист. Все права защищены.</p>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>