Freelancer - это одностраничная тема портфолио Freelancer, созданная с начальной загрузкой, созданной Start Bootstrap. Эта тема включает в себя несколько разделов контента, отзывчивую портфельную сетку, модальные окна для каждого элемента портфеля и рабочая контактная форма на основе PHP.
Просмотреть живой предварительный просмотр
Чтобы начать использовать этот шаблон, выберите один из следующих вариантов для начала:
npm i startbootstrap-freelancer
git clone https://github.com/StartBootstrap/startbootstrap-freelancer.git
После загрузки просто отредактируйте файлы HTML и CSS, включенные в dist
Directory. Это единственные файлы, о которых вам нужно беспокоиться, вы можете игнорировать все остальное! Чтобы предварительно просмотреть изменения, которые вы вносите в код, вы можете открыть файл index.html
в своем веб -браузере.
Клонировать исходные файлы темы и перейдите в корневую каталог темы. Запустите npm install
, а затем запустите npm start
, который откроет предварительный просмотр шаблона в вашем браузере по умолчанию, следите за изменениями в файлах шаблонов основных шаблонов и вживую перезагрузить браузер при сохранении. Вы можете просмотреть файл package.json
, чтобы увидеть, какие сценарии включены.
npm run build
строит проект - это строит активы, HTML, JS и CSS в dist
npm run build:assets
копируют файлы в src/assets/
Directory в dist
npm run build:pug
компилирует мопс, расположенный в src/pug/
Directory в dist
npm run build:scripts
приносит файл src/js/scripts.js
в dist
npm run build:scss
компилирует файлы SCSS, расположенные в src/scss/
Directory в dist
npm run clean
Удаляет каталог dist
, чтобы подготовиться к восстановлению проектаnpm run start:debug
запускает проект в режиме отладкиnpm start
или npm run start
Запуск проекта, запускает превью в прямом эфире в браузере по умолчанию и наблюдает за изменениями в файлах в src
Вы должны установить NPM, чтобы использовать эту среду сборки.
Контактная форма, доступная с этой темой, предварительно построена для использования форм SB. SB Forms - это простое решение для добавления функциональных форм в вашу тему. Поскольку эта тема предварительно поставлена с использованием нашей разметки SB Forms, все, что вам нужно сделать, это зарегистрироваться на SB Forms в начале начальной загрузки.
После регистрации вам нужно будет установить доменное имя, на котором будет использоваться ваша форма, и вы увидите свой ключ доступа. Скопируйте это и вставьте его в атрибут данных data-sb-form-api-token='API_TOKEN'
вместо API_TOKEN
. Вот и все! Ваши формы будут запущены!
Если вы не используете формы SB, просто удалите атрибуты пользовательских данных из формы и удалите ссылку выше закрывающегося тега </body>
в формы SB.
Есть ошибка или проблема с этим шаблоном? Откройте новую проблему здесь, на GitHub, или оставьте комментарий на странице обзора темы на Start Bootstrap.
Start Bootstrap - это библиотека бесплатных тем и шаблонов Bootstrap. Все бесплатные темы и шаблоны на начальной загрузке выпускаются по лицензии MIT, что означает, что вы можете использовать их для любых целей, даже для коммерческих проектов.
Start Bootstrap был создан и поддерживается Дэвидом Миллером .
Start Bootstrap основан на каркасе Bootstrap, созданной Марком Отто и Джейкобом Тортоном.
Copyright 2013-2023 Start Bootstrap LLC. Код, выпущенный по лицензии MIT.