quicksilver

Quicksilver

Бесплатный, простой, (в основном) шаблон дизайна материала для Интернета.

Смотрите демо

Поддерживаемые браузеры:

Все?

Начиная:

• Во -первых, загрузите последний релиз прямо из GitHub.

• Вам будет представлен несколько файлов. То, с чем вы хотите беспокоиться, - это index.html и две папки: /json и /изображения.

• Бросьте квадратное изображение себя, свой логотип, что угодно, внутри /изображения. В index.html отредактируйте значение SRC для ProfileMage, чтобы указывать на изображение этого профиля.

• Замените «ваше имя» на ... ваше имя.

• Замените небольшое описание под этим на некоторое описание о себе.

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

• Отредактируйте значение href кнопки контакта. Это должно быть равно href = "mailto: [ваш адрес электронной почты]".

• Также очень важно в index.html будет метаданным. Внутри тега головы отредактируйте фиктивное содержание в метатетах с реальными данными.

• Добавьте измерение от realfavicongenerator.net.

• После этого откройте папку /JSON и посмотрите на Links.json. Должно быть довольно простым, но вот небольшое объяснение: «Имя» - это фактический текст, который будет отображаться для этой конкретной ссылки. «Цвет» - это цвет значка, который будет рядом с вашим текстом. «Икона» - это название значка от materialdesignicons.com. Убедитесь, что вы получите правильное написание для значка (вам не нужна часть «mdi», сценарий автоматически добавляет это). URL - это ... URL.

• После того, как вы отредактировали файл ссылок. Это очень похоже на файл Links.json. Пара вещей, чтобы отметить, однако. Во -первых, вам нужно подать изображение для каждого предмета. Во -вторых, вы должны иметь все указанные изображения в точных размерах. Я предлагаю 1920x1080. Если это 1920x1081, все сломается. Это просто ограничение структуры Materializecss, которую мы используем.

• Если вам нужно удалить или добавить ссылку или работу на свой новый веб-сайт Quicksilver, это очень просто, благодаря реализации JSON.

• После того, как вы почувствуете, что ваш веб -сайт готов нажать на производство, нажмите эту (фигуративную) кнопку загрузки!

Изменение

Для изменений, ознакомьтесь

Внося

Проще говоря, внесите свои изменения/взносы и создайте запрос на тягу!

Кредиты

Благодаря Lumiq Creative за предложения по дизайну и необычное изображение!