index.html 7.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <link rel="preconnect" href="https://fonts.googleapis.com">
  5. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  6. <link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&display=swap" rel="stylesheet">
  7. <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
  8. integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
  9. <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
  10. integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
  11. crossorigin="anonymous"></script>
  12. <link rel="stylesheet" href="style.css">
  13. <meta charset="UTF-8">
  14. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  15. <title>Визитка</title>
  16. </head>
  17. <body>
  18. <header>
  19. <div class="container">
  20. <div>
  21. <ul class="mt-3 d-flex">
  22. <li><a href="#for">Обо мне</a></li>
  23. <li><a href="#portfolio">Портфолио</a></li>
  24. <li><a href="#uslugi">Услуги</a></li>
  25. <li><a href="#contact">Контакты</a></li>
  26. </ul>
  27. </div>
  28. </div>
  29. </header>
  30. <main>
  31. <div class="banner mt-5 container d-flex">
  32. <div class="banner_text">
  33. <h1>Здравствуйте</h1>
  34. <div class="banner-p">
  35. <p>Я - Эмиль Хисомутдинов, опытный веб-дизайнер, готовый воплотить ваши идеи в креативные и
  36. функциональные веб-решения.<br>
  37. Моя цель - создавать уникальные и привлекательные веб-сайты, которые подчеркивают вашу
  38. уникальность и помогают вам достичь ваших целей в онлайн-пространстве.</p>
  39. </div>
  40. </div>
  41. <div>
  42. <img src="визитка.jfif" alt="" width="350" height="450" class="banner-img">
  43. </div>
  44. </div>
  45. <div class="banner mt-5 container" id="for">
  46. <div class="forus">
  47. <h2>Обо мне</h2>
  48. <hr>
  49. </div>
  50. <div>
  51. <p class="forus-text">
  52. Меня зовут Эмиль Хисомутдинов, и я являюсь опытным веб-дизайнером и веб-разработчиком. Мое
  53. творческое видение и технические навыки позволяют мне создавать удивительные и инновационные
  54. веб-проекты, сочетая в себе эстетику и функциональность.
  55. С моим опытом в области веб-дизайна и веб-разработки я специализируюсь на создании пользовательских
  56. веб-сайтов, которые не только красивы и современны, но и оптимизированы для высокой
  57. производительности и удобства использования. Моя цель - помогать моим клиентам выделиться в
  58. онлайн-мире через индивидуальный подход к каждому проекту.
  59. Я стремлюсь к постоянному совершенствованию и следую последним технологическим тенденциям, чтобы
  60. обеспечить лучший результат для всех моих клиентов.
  61. Свяжитесь со мной, если вы ищете профессионального веб-дизайнера и веб-разработчика, готового
  62. воплотить ваши идеи в амбициозные и качественные веб-проекты.
  63. </p>
  64. </div>
  65. </div>
  66. <div class="banner container mt-5" id="portfolio">
  67. <div class="portfolio">
  68. <div>
  69. <h2>Портфолио</h2>
  70. <hr>
  71. </div>
  72. <div class="d-flex justify-content-between">
  73. <div>
  74. <img src="фотка 1.png" alt="" width="550" height="350">
  75. <h2 class="text-center mt-2">BCIE</h2>
  76. </div>
  77. <div>
  78. <img src="фотка 2.png" alt="" width="550" height="350">
  79. <h2 class="text-center mt-2">BCIE 2.0</h2>
  80. </div>
  81. </div>
  82. </div>
  83. </div>
  84. <div class="banner container mt-5" id="uslugi">
  85. <div class="portfolio">
  86. <div>
  87. <h2>Услуги</h2>
  88. <hr>
  89. </div>
  90. <div>
  91. <p>Как веб-дизайнер и веб-программист, я предлагаю комплексный подход к созданию вашего онлайн присутствия. Мои услуги включают в себя:</p>
  92. <p>Веб-дизайн: Разработка уникального и привлекательного дизайна для вашего веб-сайта, который отражает ваш бренд и ценности.</p>
  93. <p>Веб-разработка: Создание функционального и оптимизированного кода для веб-сайта, обеспечивающего отличную производительность и удобство использования.</p>
  94. <p>Frontend и Backend разработка: Работа как с пользовательским интерфейсом (Frontend), так и с серверной частью (Backend) для полного цикла разработки веб-проекта.</p>
  95. <p>Редизайн и обновление: Модернизация существующих веб-сайтов, улучшение функциональности и внешнего вида для повышения их эффективности</p>
  96. <p>Я готов воплотить ваши идеи в жизнь, создавая стильный и профессиональный веб-проект, который поможет вам достичь ваших целей в онлайн-среде.</p>
  97. </div>
  98. </div>
  99. </div>
  100. <div class="banner container mt-5" id="contact">
  101. <div class="portfolio">
  102. <div>
  103. <h2>Контакты</h2>
  104. <hr>
  105. </div>
  106. <div class="d-flex justify-content-between">
  107. <a href="" style="color: white;">email: emil.hisomutdinov@mail.ru</a>
  108. <a href="" style="color:white;">Номер телефона: 79680815515</a>
  109. </div>
  110. </div>
  111. </div>
  112. </main>
  113. <footer>
  114. </footer>
  115. </body>
  116. </html>