Сегодня я вам расскажу как сделать сайт-визитку,вот пример: http://blick1337.pro/ и http://frosya.pro/
1)Заходим на сайт,нажимаем F12,нужно выбрать вкладку Sources,открываем раздел blick1337.pro,оттуда сохраняем 2 файла(правой кнопкой мышь-Save as)(При скачке файла INDEX,вам нужно будет дать ему имя),потом открываем раздел fonts.googleapis.com,так же сохраняет этот файл,тоже самое делаем с разделом maxcdn.boootstrapcdn.com,там выбираем font-awesome/4.5.0>css>font-awesome.min.css
2)Потом,скачайте шрифт http://my-files.ru/k6tl1r
3)Поместите все в 1 папку,должно выглядеть вот так
4)К файлу индекс на конце добавляем .html
,потом надо будет редактировать файл с помощью Notepad++.
5)Открываем этот же файл с помощью Notepadd++,и начинаем редактировать под себя:
1.Вписываем свой ник
2.Это название видео которое будет использоваться на заднем плане,замените на 1.mp4
3.Сюда вписывайте свой никнейм
4-8.Это поля с информацией,меняете ссылки,если вам ненужен INSTAGRAM или Twitter,удаляйте эту графу,начиная с <a href заканчивая <a/> (на скрине показано рамками).Так же под ссылкой есть поле-<i class="fa fa-vk"></i>,тут вы прописываете ярлык,который будет ссылкой,список всех ярлыков можете посмотреть тут-http://fontawesome.ru/all-icons/ (Вот иконка с символом Y-можно использовать как YouHack <i class="fa fa-y-combinator" aria-hidden="true"></i>)
9.Это поле можно удалить,или изменить,если у вас есть свой проект,меняете ссылки и вместо Midnight вписываете название своего проекта.
10.Нужно все сохранить
6)Теперь осталось найти видео для заднего фона сайта,конечно же берите видео высокого качества,кидайте его в папку где все файлы сайта,и дайте ему название 1.mp4 (Смотреть пункт 5)-3)
7)Теперь откройте файл INDEX с помощью любого браузера и вуаля,сайт готов.Останется только захостить его.
8)http://frosya.pro/- что бы создать такой,делайте все тоже самое.
1)Заходим на сайт,нажимаем F12,нужно выбрать вкладку Sources,открываем раздел blick1337.pro,оттуда сохраняем 2 файла(правой кнопкой мышь-Save as)(При скачке файла INDEX,вам нужно будет дать ему имя),потом открываем раздел fonts.googleapis.com,так же сохраняет этот файл,тоже самое делаем с разделом maxcdn.boootstrapcdn.com,там выбираем font-awesome/4.5.0>css>font-awesome.min.css
2)Потом,скачайте шрифт http://my-files.ru/k6tl1r
3)Поместите все в 1 папку,должно выглядеть вот так
4)К файлу индекс на конце добавляем .html
5)Открываем этот же файл с помощью Notepadd++,и начинаем редактировать под себя:
1.Вписываем свой ник
2.Это название видео которое будет использоваться на заднем плане,замените на 1.mp4
3.Сюда вписывайте свой никнейм
4-8.Это поля с информацией,меняете ссылки,если вам ненужен INSTAGRAM или Twitter,удаляйте эту графу,начиная с <a href заканчивая <a/> (на скрине показано рамками).Так же под ссылкой есть поле-<i class="fa fa-vk"></i>,тут вы прописываете ярлык,который будет ссылкой,список всех ярлыков можете посмотреть тут-http://fontawesome.ru/all-icons/ (Вот иконка с символом Y-можно использовать как YouHack <i class="fa fa-y-combinator" aria-hidden="true"></i>)
9.Это поле можно удалить,или изменить,если у вас есть свой проект,меняете ссылки и вместо Midnight вписываете название своего проекта.
10.Нужно все сохранить
6)Теперь осталось найти видео для заднего фона сайта,конечно же берите видео высокого качества,кидайте его в папку где все файлы сайта,и дайте ему название 1.mp4 (Смотреть пункт 5)-3)
7)Теперь откройте файл INDEX с помощью любого браузера и вуаля,сайт готов.Останется только захостить его.
8)http://frosya.pro/- что бы создать такой,делайте все тоже самое.
