%d1%88%d0%b0%d0%b1%d0%bb%d0%be%d0%bd %d1%88%d0%b0%d0%bf%d0%ba%d0%b8 PNG и картинки пнг | рисунок Векторы и PSD

  • прозрачный фон плаката bd mahfil

    1200*1200

  • bd mahfil постер фон

    1200*1200

  • роскошный декоративный дизайн мандалы в золотом цвете bd

    1200*1200

  • роскошный декоративный дизайн мандалы bd

    1200*1200

  • орнаментальная мандала bd

    1200*1200

  • роскошная мандала бд

    1200*1200

  • Международный день родного языка с Шахид Минар

    1200*1200

  • 21 февраля международный день родного языка

    1200*1200

  • 16 декабря png

    2200*2200

  • 16 декабря день победы бангладеш флаг иллюстрации векторный дизайн

    1200*1200

  • 16 декабря

    2200*2200

  • bb логотип

    2223*2223

  • восковая окраска

    5000*5000

  • естественный цвет bb крем цвета

    1200*1200

  • bb логотип дизайн шаблона

    2223*2223

  • схема бд электронный компонент технологии принципиальная схема технологическая линия

    2000*2000

  • 3d модель надувной подушки bb cream

    2500*2500

  • цвет перо на воздушной подушке bb крем трехмерный элемент

    1200*1200

  • Косметический bb Крем Дизайн Плаката косметический Косметика постер Реклама косметики Плакат

    7087*9449

  • 88 летний юбилей векторный дизайн шаблона иллюстрация

    4083*4083

  • be careful to slip fall warning sign carefully

    2500*2775

  • Муслимая молитва с фоном ka ba

    1200*1200

  • Красивая розовая и безупречная воздушная подушка bb крем косметика постер розовый красивый розовый Нет времени На воздушной

    2480*3307

  • дизайн плаката премьера фильма кино с белым вектором экрана ба

    1200*1200

  • в первоначальном письме bd логотипа

    1200*1200

  • номер 88 3d рендеринг

    2000*2000

  • аэрозольный баллончик увлажняющий лосьон bb cream парфюм для рук

    3072*4107

  • 88 год юбилея векторный дизайн шаблона иллюстрация

    4083*4083

  • я люблю моих фб хорошо за футболку

    1200*1200

  • Креативное письмо bb дизайн логотипа черно белый вектор минималистский

    1202*1202

  • набор векторных иконок реалистичные погоды изолированных на прозрачной ба

    800*800

  • номер 88 золотой шрифт

    1200*1200

  • крем крем вв вв на воздушной подушке иллюстрация

    2000*2000

  • элегантный серебряный золотой bb позже логотип значок символа

    1200*1200

  • 88 лет юбилей празднования вектор шаблон дизайн иллюстрация

    4187*4187

  • витамин b1 логотип значок

    1200*1200

  • облака комиксов

    5042*5042

  • простая инициализация bb b геометрическая линия сети и логотип цифровых данных

    2276*2276

  • 3d золотые цифры 88 с галочкой на прозрачном фоне

    1200*1200

  • Векторная иллюстрация мультфильм различных овощей на деревянном ба

    800*800

  • 88 летний юбилей векторный дизайн шаблона иллюстрация

    4083*4083

  • bb крем ню макияжа постер Новый список преимущественный колос День святого

    3543*4724

  • Мечтательный красивый чистый ню макияж bb косметический плакат косметический Косметический постер Реклама косметики косметология Красота

    4961*6614

  • happy singing mai ba sing self indulgence happy singing

    2000*2000

  • be careful warning signs warning signs be

    2000*2000

  • blue series frame color can be changed text box streamer

    1024*1369

  • 88 летний юбилей векторный дизайн шаблона иллюстрация

    4083*4083

  • bb крем ню макияж косметика косметика

    1200*1500

  • ценю хорошо как плоская цвет значок векторная icon замечания

    5556*5556

  • break split orange be

    2000*2000

python — Как сделать шапку как на шаблоне?

Задать вопрос

Вопрос задан

Изменён 1 год 11 месяцев назад

Просмотрен 174 раза

Есть шаблон

На нем Company name в шапке стоит слева, а все остальные ссылки справа.

Как сделать так же как в шаблоне, потому что у меня получается так:

itProger — Company name. Я подключил статику вот так:

{% load static %}
    <link rel="stylesheet" type="text/css" href="{% static 'polls/main.css' %}" />

Сам css файл :

.header{
    justify-content: space-between;
    align-items: center;
}
.header__inner{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header__inner a{
    margin: 0px 10px;
}

весь html:

{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="{% static 'polls/main.css' %}" />
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
    <title>{% block title %}{% endblock %}</title>
</head>
<body>
    <header>
        <p>itProger</p>
        <nav>
            <a href="/">Главная</a>
            <a href="about-us">Про нас</a>
        </nav>
    </header>
    {% block content %}{% endblock %}
</body>
</html>

Подскажите пожалуйста, в чем ошибка. .

  • python
  • django

3

Вот так:

header {
    display: flex;
    justify-content: space-between;
}

Этот

Зарегистрируйтесь или войдите

Регистрация через Google

Регистрация через Facebook

Регистрация через почту

Отправить без регистрации

Почта

Необходима, но никому не показывается

Отправить без регистрации

Почта

Необходима, но никому не показывается

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Бесплатные шаблоны заголовков в Google Docs, Google Sheets

У вас есть свой проект, бренд или вы хотите представить новую услугу своим клиентам? Тогда сначала нужно подумать о заголовке. Ведь для качественной презентации, от которой может зависеть основная часть успеха будущего проекта, отличный заголовок просто необходим. Какие есть варианты его получить? Конечно, вы можете воспользоваться дорогостоящими услугами профессиональных дизайнеров, которые сделают вам потрясающую шапку. Но есть вариант не только проще, но и выгоднее. Мы сейчас говорим о шаблонах заголовков от TheGoodocs. Давайте подробнее рассмотрим наши услуги и продукты.

Наши преимущества

Какие преимущества вы, ваша компания или ваш бренд можете получить, используя наши продукты?

Полностью бесплатная услуга

Наши дизайнеры работают над созданием удобных, универсальных и потрясающих бесплатных шаблонов. Вам не нужно оформлять заказ, ждать выполнения работы и сталкиваться с другими нюансами при заказе жатки. Вы можете использовать любой заголовок в Документах Google прямо сейчас. Как его использовать, решать вам.

Невероятное количество опций

В этой категории вы уже найдете множество отличных шаблонов оформления заголовков. Каждый шаблон создается с нуля нашими профессиональными сотрудниками, поэтому вы получаете не только бесплатный, но и максимально универсальный шаблон, подходящий для любых задач. Вы можете выбрать один из более гибких вариантов, которые можно настроить практически под любые нужды. Кроме них есть и узконаправленные шаблоны, подходящие, например, для владельца пекарни, спортивного клуба или других нужд. Это значит, что вы можете сделать выбор не по функционалу шаблона, а по дизайну понравившегося варианта.

Свобода настройки

Вам решать, как использовать шаблон. Мы предлагаем вам все возможные варианты, чтобы кастомизация стала не только простым, но и удобным процессом. Таким образом, вы можете просто перейти на страницу категории шаблонов заголовков и выбрать понравившийся шаблон. После этого нужно нажать на него и перейти на его страницу. В правом углу вверху страницы вы найдете кнопку «Редактировать шаблон». Нажав на нее, вы автоматически создадите копию шаблона Google Slides или Google Docs (в зависимости от вашего выбора). Далее вы разблокируете все возможности кастомизации. Вы можете скачать его на свой компьютер и работать в автономном режиме, либо использовать онлайн-версию, которая сразу сохраняет все изменения. И, конечно же, каждый из наших шаблонов можно распечатать, поэтому вы можете получить копию на бумаге.

Удобное расширение

Для удобства использования бесплатных шаблонов заголовков вы также можете воспользоваться нашим расширением для браузера Google Chrome. Установить его крайне просто, достаточно воспользоваться кнопкой «Добавить в Chrome». Мы будем рады предоставить вам бесплатное использование нашего удобного расширения. Если вы хотите оставить отзыв — это будет просто здорово.

Кто может получать льготы?

Поскольку наши шаблоны абсолютно бесплатны, вы можете воспользоваться всеми преимуществами TheGoodocs прямо сейчас. При этом максимальную выгоду получат абсолютно все. Независимо от вашего бизнеса и цели, которую вы хотите достичь с помощью наших шаблонов, вы можете ее достичь. Все благодаря огромному выбору, качественной работе наших дизайнеров и нашей любви к пользователям.

20 лучших примеров шаблонов заголовков Bootstrap 2023

Поскольку вы ищете идеальные шаблоны заголовков Bootstrap, вам повезло. У нас есть много гибких и надежных решений ручной работы для вас.

Мы добавили множество наших собственных разработок, которые вы можете использовать для своих мощных веб-сайтов.

НО.

Мы также нашли отличный пример от наших коллег-разработчиков.

Знаете, что у всех общего? Они БЕСПЛАТНЫ.

Пришло время повысить ценность бренда и UX вашего сайта.

Если вы хотите сэкономить много времени и при этом сохранить свой профессионализм , лучше всего подойдет шаблон.

Мы позаботились о том, чтобы включить все с помощью простого кода, поэтому их встраивание и настройка не составит труда.

Никогда больше не хватает мощного ЗАГОЛОВКА!

В качестве альтернативы я рекомендую просмотреть наши полные шаблоны Bootstrap 5 для любого варианта использования.

Вот несколько шаблонов меню/заголовка нашего веб-сайта, которые вы можете использовать в своих интересах. Разумеется, бесплатно.

Меню веб-сайта V03 — это современное, минимальное и прозрачное решение, которое подходит для любого веб-сайта, который вы создаете.

Из-за универсального дизайна по умолчанию вам даже не нужно ничего менять — просто используйте его как есть.

Конечно, если вы хотите ИЗМЕНИТЬ типографику и выбор цвета, вы тоже можете это сделать. Также есть многоуровневое выпадающее меню, поэтому вам не нужно создавать его самостоятельно.

Дополнительная информация / Загрузка

Если вы хотите, чтобы ваш заголовок выделялся, меню веб-сайта V04 — это превосходный бесплатный фрагмент, который можно использовать в игре. Верхняя панель интегрирована в дизайн вместе с основным разделом навигации и логотипом.

Последний предлагает вам отображать дополнительные контактные данные и даже связать ваш сайт с социальными сетями.

Будучи гибкой раскладкой Bootstrap, она также мгновенно и плавно адаптируется к разным размерам экрана. Давай, сначала ПОПРОБУЙ сам, а потом шуми.

Подробнее / Скачать

Для всех тех, кто ценит чистоту и минимализм, Website Menu V08 — это заголовок Bootstrap, который делает свое дело. Хотя я уже показывал один подобный формат выше, этот немного отличается, так как он также имеет

кнопка призыва к действию .

Вы можете использовать настройки по умолчанию для контактов или пойти против течения и применить их для чего-то другого.

Кроме того, добавьте свой логотип, измените элементы навигации и СЭКОНОМЬТЕ себе массу ВРЕМЕНИ и энергии. Зачем в наши дни делать что-то с нуля, если у вас нет для ?

Дополнительная информация / Загрузка

Меню веб-сайта V10 — это сплошной заголовок , основанный на платформе Bootstrap, который прикрепляется к верхней части веб-сайта.

Агентства, предприятия, фрилансеры — неважно, Website Menu V10 отлично подходит для всех типов страниц.

ДОБРО ПОЖАЛОВАТЬ, чтобы интегрировать его как есть — вы даже можете придерживаться зеленого цвета — или вы можете поиграть с удобным для пользователя кодом и выполнить модификации.

Этот заголовок имеет простую навигацию без раскрывающегося списка или мегаменю.

Подробнее / Загрузка

Меню веб-сайта V11 — это простой заголовок Bootstrap, который поможет вам сэкономить время и энергию, поскольку вам не нужно начинать с нуля. Весь дизайн относительно

базового с раскрывающееся меню и кнопка призыва к действию (CTA).

Вы можете использовать синюю/оранжевую/белую цветовую схему или заклеймить фрагмент, выбрав СОБСТВЕННЫЙ цвет.

Вы можете сделать многое, поэтому убедитесь, что вы не сдерживаетесь и используете это в своих преимуществах .

Дополнительная информация / Скачать

Чистый и квадратный вид, вот что такое меню веб-сайта V14. Если вам нравится простота заголовков, не останавливайтесь на достигнутом и берите этот дизайн прямо сейчас.

Вам это пока ничего не стоит может творить чудеса с вашим веб-приложением.

Имейте в виду, что если на десктопе он белый, то на мобильном телефоне он темнеет.

Насколько это круто?

Меню веб-сайта V14 имеет область логотипа слева и значки навигации и социальных сетей справа. Он также обладает эффектом наведения, который только ПРИЧИЩАЕТ ВЕЩИ.

Дополнительная информация / Загрузка

Меню веб-сайта V16 — еще один ОТЛИЧНЫЙ пример заголовка Bootstrap, если вы хотите добавить верхнюю панель. Он понравится всем благодаря своему красивому и динамичному внешнему виду, независимо от того, используете ли вы его из коробки или вносите дополнительные изменения.

Есть также анимация с эффектом наведения , кнопки социальных сетей и панель поиска, встроенные в дизайн по умолчанию.

ОТЛИЧНАЯ навигация вашего веб-сайта будет неизменной на экранах разных размеров на мобильных устройствах, планшетах и ​​компьютерах.

Дополнительная информация / Скачать

Если вы хотите выделить свой веб-сайт среди других с помощью четкого заголовка, сохраняющего порядок, меню веб-сайта V17 — это то, что вам нужно.

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

Формат немного меняется НА МОБИЛЬНЫХ УСТРОЙСТВАХ, но это только потому, что пользователи вашего сайта заслуживают наилучших впечатлений.

Подробнее / Скачать

Это потрясающий пример заголовка, сделанный Роджером Пенсом. Поскольку он был разработан с помощью Bootstrap, он выглядит очень стандартно. Этот шаблон содержит окно поиска, меню навигации и т. д.

Этот пример заголовка позволяет разместить название вашей торговой марки в середине0032 веб-страницы, хотя вы можете изменить положение названия вашего бренда в коде.

Это ПОЛНОСТЬЮ настраиваемый шаблон. Таким образом, вы можете вносить изменения в соответствии с вашими потребностями и предпочтениями.

Простой текст размещен посередине, но при желании вы можете разместить в этой области логотип вашей компании.

Дополнительная информация / Загрузка

Это ПОТРЯСАЮЩИЙ, бесплатный, полностью настраиваемый пример режима заголовка Bootstrap от Леона Рэйнбоу, пользователя CodePen. Как вы можете видеть на скриншоте этого шаблона, образец логотипа размещен в левой части веб-страницы.

Если вы используете этот шаблон на своем веб-сайте, вам необходимо заменить этот образец логотипа логотипом вашей компании.

В правой части образца логотипа есть место для описания сайта. Вы можете отобразить краткое описание вашего сайта в этой области. И чуть ниже описания сайта есть панель навигации.

Улучшите взаимодействие с пользователем с помощью заголовка NEAT.

Подробнее / Скачать

Это красивый шаблон, разработанный Джованни Рампини. Он содержит ПОЛЕЗНЫЕ элементы веб-сайта, такие как панель поиска. Образец названия компании размещен в левой части веб-страницы.

Если хотите, можете переместить его. Вы можете разместить его справа или посередине. Поскольку шаблон полностью настраиваемый, вы можете легко изменить положение любого элемента веб-страницы.

Заголовок на черном фоне. Этот шаблон заголовка бесплатный, как и другие шаблоны, упомянутые в этом посте.

Подробнее / Скачать

Этот шаблон заголовка Bootstrap представляет собой высококачественный и КЛАССИЧЕСКИЙ пример с панелью навигации и каруселью. Вместо текста «Компания» вы можете указать название или логотип вашей компании.

На панели навигации есть пять меню, таких как «о программе», «команда» и т. д. Вы можете значительно улучшить дизайн этого шаблона заголовка, добавив код Bootstrap или изменив код CSS.

Несмотря на то, что вы можете сделать дизайн намного лучше, сделайте его простым, очень эффективным .

Дополнительная информация / Загрузка

Этот пример заголовка Bootstrap от Николы Костова является ЧРЕЗВЫЧАЙНО простым шаблоном заголовка. Как следует из названия этого примера, этот шаблон имеет эффект затухания.

По умолчанию заголовок не виден .

При прокрутке вниз он становится видимым. Чем больше вы прокручиваете веб-страницу, тем ярче становится заголовок. Поэтому, когда вы прокручиваете вверх, заголовок исчезает.

Этот красивый эффект затухания делает заголовок очень интересным .

В левой части веб-страницы вы можете увидеть образец текста бренда, который вам нужно заменить на название вашего бренда. Справа от названия бренда также есть окно поиска.

Дополнительная информация / Загрузка

Это хороший бесплатный пример заголовка, созданный Иваном Сакоманом, пользователем CodePen. Этот шаблон имеет меню навигации в правой части веб-страницы и меню с текстом «Главная».

Вы можете РАЗМЕСТИТЬ название вашей компании или логотип вашей компании в этой области.

Так как это всего лишь пример заголовка, тексты, которые вы видите в этом шаблоне, являются просто образцами текстов. Вы должны заменить их своими собственными текстами. Не стесняйтесь вносить любые изменения, которые вы хотите .

Например, вы можете изменить цвета, чтобы заголовок соответствовал дизайну вашего сайта.

Подробнее / Загрузка

Этот настраиваемый заголовок Bootstrap представляет собой удивительный бесплатный шаблон заголовка, созданный пользователем CodePen по имени «Антон Кастрицкий». Вам НЕ НУЖНО тратить деньги, чтобы интегрировать его на свой сайт.

Также полностью настраиваемый. Таким образом, вы можете вносить в него изменения в соответствии с вашими предпочтениями. Образец текста показан для названия бренда в верхней левой части веб-страницы. Замените этот образец текста названием вашего собственного бренда.

Образец текста для названия бренда представляет собой простой текст на белом фоне. Под названием бренда находится меню навигации .

Дополнительная информация / Загрузка

Это потрясающий бесплатный пример заголовка Bootstrap, созданный Джейсоном Мелгозой, пользователем CodePen. Как вы можете видеть на скриншоте, образец названия бренда размещен в верхней левой части веб-страницы. А справа раздел навигации.

Цвет текста заголовка — белый, а цвет фона — черный.

Причудливый темный дизайн? ПОЖАЛУЙСТА.

Нажмите кнопку «Демо» ниже, чтобы внимательно изучить этот пример. И нажмите кнопку «Загрузить», если хотите скачать этот шаблон.

Подробнее / Загрузка

Это потрясающий бесплатный пример заголовка веб-сайта на Bootstrap, разработанный Эйбом Линкольном. Этот пример заголовка содержит образец логотипа , панель навигации , значки социальных сетей и т. д.

Если вы считаете, что этот шаблон заголовка будет хорошо смотреться на вашем сайте, вы можете использовать его. Все тексты и значки, используемые в этом шаблоне, являются всего лишь образцами.

Сделать этот заголовок легко, если вы знаете основы HTML, CSS и Bootstrap. Но зачем тратить столько времени на его создание, если вы получаете потрясающие шаблоны заголовков бесплатно?

Вы можете ИНТЕГРИРОВАТЬ этот пример заголовка на свой сайт всего за несколько минут.

Подробнее / Скачать

Это высококачественный, бесплатный, ПОЛНОСТЬЮ НАСТРАИВАЕМЫЙ шаблон заголовка, разработанный с помощью Bootstrap.