Nikita Karasyov kianurivzzz

Сверстайте шапку сайта и превью для блога. Этот блог использует моноширинный шрифт. Шапка сайта состоит из логотипа, горизонтальной черты и меню. Используя классы Bootstrap и HTML-теги создайте вёрстку по представленному шаблону.

Шапка

Заголовок первого уровня: My. Внешне текст должен выглядеть как заголовок третьего уровня.

Заголовок второго уровня: Blog. Заголовок имеет уменьшенный размер шрифта и текст text-muted. Вам понадобится класс small

Горизонтальная черта.

Создайте часть таблицы профессий. Таблица описывает программу обучения на платформе и предлагает пользователю сравнить навыки, которые приобретаются в профессиях. Используя описания трёх профессий вы сверстаете таблицу и приведёте её к тёмной теме.

Задачи

Сверстайте таблицу по макету. Определите, какие строки и столбцы должны быть объединены.

Заполните таблицу информацией.

Используя доступные классы Bootstrap стилизуйте таблицу:

Используя утилиты из документации Bootstrap обновите внешний вид компонента Card. Базовая вёрстка этого компонента:

<!-- Шапка -->

<h2>Фронтенд-разработчик</h2>

Напиши тесты для функции without(coll, *values). Эта функция должна принимать список в качестве первого параметра, а затем возвращать его копию, из которой исключены значения, переданные вторым и последующими параметрами. Если список содержит несколько одинаковых исключаемых элементов, то исключаются они все:

Для работы используй фреймворк Pytest.

from functions import get_function
without = get_function()

without([2, 1, 2, 3, 4], 2, 3)  # [1, 4]
without([], 2) # []

Задача по HTML. Работа с текстовыми тегами

Для поиска тегов используйте поиск справочника.

Создайте папку в удобном для вас месте на компьютере. Кроме рабочего стола;
В этой папке создайте новый HTML документ - index.html;
В index.html добавьте базовую HTML-разметку;
Создайте заголовок первого уровня в теге body и напишите там текст "Оформление текста";
После заголовка создайте абзац и напишите там немного текста. Можно просто написать слово lorem и нажать enter. Тогда сгенерируется случайный текст;
После абзаца создайте заголовок второго уровня, напишите текст "Заголовок второго уровня";

Создайте семантическую вёрстку шапки страницы.

Шапка состоит из:

Логотипа

Меню

Логотип

Оформление текстового содержания — одна из самых частых задач для верстальщика. Недостаточно просто расставить блоки и прописать им стили. Помимо этого необходимо задать стили тексту так, чтобы он комфортно читался.

Оформите текстовое содержание цитаты. Некоторые стили для неё уже существуют. Ваша задача — работа с текстом. Для этого в HTML-разметке цитаты есть два класса: quote и quote-author. Откройте файл index.html и посмотрите на текущую вёрстку.

Задание

Оформите текст по следующим правилам:

Для класса quote установите правила:

Создайте первые свои задачи:

myFirstGulpTask

mySecondGulpTask

Смысл каждой задачи — вывести в консоль сообщение об успешном завершении задачи. Для этого используйте команду console.log:

Сообщение для задачи myFirstGulpTask: My First Gulp Task Completed

	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	</head>

	<body>

	start:
	flask --app main --debug run --port 8000