Denis
/
student


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198
							<!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>&copy; 2024 Рауф - Программист. Все права защищены.</p>
        </div>
    </footer>

    <script src="script.js"></script>
</body>
</html>