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>© 2024 Рауф - Программист. Все права защищены.</p>
- </div>
- </footer>
- <script src="script.js"></script>
- </body>
- </html>
|