562 lines
28 KiB
HTML
562 lines
28 KiB
HTML
<!-- DOCTYPE -->
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>ForkIO</title>
|
|
<!-- Required meta tags -->
|
|
<meta charset="utf-8">
|
|
<meta name="author" content="Bartlomiej Pluta">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="description" content="Upskill frontend project">
|
|
<meta name="keywords" content="HTML,CSS,JavaScript">
|
|
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
|
|
|
<!-- Fonts -->
|
|
<link href='https://fonts.googleapis.com/css?family=Lato:400,700,900,300' rel='stylesheet' type='text/css'>
|
|
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700" rel="stylesheet">
|
|
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400" rel="stylesheet">
|
|
|
|
<!-- Bootstrap -->
|
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
|
|
|
|
<!-- Slick.JS -->
|
|
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/gh/kenwheeler/slick@1.8.1/slick/slick.css"/>
|
|
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/gh/kenwheeler/slick@1.8.1/slick/slick-theme.css"/>
|
|
|
|
<!-- Custom styles -->
|
|
<link rel="stylesheet" href="css/style.css">
|
|
</head>
|
|
<body>
|
|
<div class="wrapper" id="wrapper">
|
|
<div class="navbar navbar-light navbar-expand-lg fixed-top">
|
|
<div class="container navbar__content">
|
|
<div class="brand navbar__content__brand navbar-header">
|
|
<img class="brand__logo" src="img/logo.svg" alt="Forkio logo">
|
|
<span class="brand__name">Fork</span>
|
|
<span class="brand__name brand__name--emph">IO</span>
|
|
</div>
|
|
<button class="navbar__content__toggler navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown"
|
|
aria-controls="navbarNavDropdown" aria-expanded="true" aria-label="Toggle navigation">
|
|
<img src="img/navbar/sandwich.svg" alt="">
|
|
</button>
|
|
<div class="collapse navbar-collapse nav-content" id="navbarNavDropdown">
|
|
<ul class="navbar__content__body navbar-nav mr-0 ml-auto">
|
|
<li class="nav-item">
|
|
<a class="navbar__link nav-link" href="#">Overview</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="navbar__link nav-link" href="#">About fork</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="navbar__link nav-link" href="#">Buying options</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="navbar__link nav-link" href="#">Support</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<button class="navbar__content__button rounded-button rounded-button--strong">Buy now</button>
|
|
</div>
|
|
</div>
|
|
|
|
<header class="header">
|
|
<div>
|
|
<p class="header__title">Fork app</p>
|
|
<p class="header__subtitle">A real gamechanger in the world of web development</p>
|
|
<p class="header__description">V. 2.8 for Mac and Windows</p>
|
|
</div>
|
|
</header>
|
|
<div class="download">
|
|
<a href="#" class="rounded-button rounded-button--very-strong download__rounded-button--translated">
|
|
Download for free now
|
|
</a>
|
|
<p class="download__description">Unlimited 30-Days trial period</p>
|
|
</div>
|
|
<div class="editor">
|
|
<div class="container">
|
|
<div class="editor__description">
|
|
<p class="editor__title">Revolutionary editor</p>
|
|
<div class="row">
|
|
<p class="editor__subtitle col-10">
|
|
Aenean cursus imperdiet nisl id fermentum. Aliquam pharetra dui laoreet vulputate dignissim. Sed
|
|
id
|
|
metus id quam auctor molestie eget ut augue.
|
|
</p>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="editor__github">
|
|
<p class="editor__github-button">
|
|
<a class="github-button"
|
|
href="https://github.com/bartlomiej-pluta/forkio/subscription"
|
|
data-icon="octicon-eye" data-size="large" data-show-count="true"
|
|
aria-label="Watch bartlomiej-pluta/forkio on GitHub">Watch</a>
|
|
</p>
|
|
<p class="editor__github-button">
|
|
<a class="github-button"
|
|
href="https://github.com/bartlomiej-pluta/forkio"
|
|
data-icon="octicon-star" data-size="large" data-show-count="true"
|
|
aria-label="Star bartlomiej-pluta/forkio on GitHub">Star</a>
|
|
</p>
|
|
<p class="editor__github-button">
|
|
<a class="github-button"
|
|
href="https://github.com/bartlomiej-pluta/forkio/fork"
|
|
data-icon="octicon-repo-forked" data-size="large" data-show-count="true"
|
|
aria-label="Fork bartlomiej-pluta/forkio on GitHub">Fork</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="about">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="about__features col-12 col-xl-6">
|
|
<p class="about__title about__title--desktop"><Here is what you get></p>
|
|
<div class="row feature">
|
|
<div class="col-4 col-md-3 feature__icon">
|
|
<img src="img/features/1.png" alt=""/>
|
|
</div>
|
|
<div class="col-8 col-md-9">
|
|
<p class="feature__title">
|
|
Created to Make The Web Better
|
|
</p>
|
|
<p class="feature__description">
|
|
Aenean cursus imperdiet nisl id fermentum. Aliquam pharetra dui laoreet vulputate
|
|
dignissim.
|
|
Sed id metus id quam auctor molestie eget ut augue.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="row feature">
|
|
<div class="col-4 col-md-3 feature__icon">
|
|
<img src="img/features/2.png" alt=""/>
|
|
</div>
|
|
<div class="col-8 col-md-9">
|
|
<p class="feature__title">
|
|
Incredibly Powerful Tool
|
|
</p>
|
|
<p class="feature__description">
|
|
Maecenas eu dictum felis, a dignissim nibh. Mauris rhoncus felis odio, ut volutpat
|
|
massa
|
|
placerat ac. Curabitur dapibus iaculis mi gravida luctus. Aliquam erat volutpat.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="row feature">
|
|
<div class="col-4 col-md-3 feature__icon">
|
|
<img src="img/features/3.png" alt=""/>
|
|
</div>
|
|
<div class="col-8 col-md-9">
|
|
<p class="feature__title">
|
|
Experimental Stuff
|
|
</p>
|
|
<p class="feature__description">
|
|
Maecenas eu dictum felis, a dignissim nibh. Mauris rhoncus felis odio, ut volutpat
|
|
massa
|
|
placerat ac. Curabitur dapibus iaculis mi gravida luctus. Aliquam erat volutpat.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="row feature">
|
|
<div class="col-4 col-md-3 feature__icon">
|
|
<img src="img/features/4.png" alt=""/>
|
|
</div>
|
|
<div class="col-8 col-md-9">
|
|
<p class="feature__title">
|
|
Created to Make The Web Better
|
|
</p>
|
|
<p class="feature__description">
|
|
Maecenas eu dictum felis, a dignissim nibh. Mauris rhoncus felis odio, ut volutpat
|
|
massa
|
|
placerat ac. Curabitur dapibus iaculis mi gravida luctus. Aliquam erat volutpat.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="about__what-you-get col-12 col-xl-6">
|
|
<p class="about__title about__title--no-wrap about__title--desktop-xl"><Here is what you get></p>
|
|
<img src="img/features/editor.png" alt="Revolutionary editor">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="reviews container">
|
|
<div class="row justify-content-center">
|
|
<div class="reviews__content col-10">
|
|
<div class="review">
|
|
<div class="author">
|
|
<img class="avatar" src="http://i.pravatar.cc/100&img=1" alt="Steven Strange">
|
|
<div class="author__details">
|
|
<p class="author__name">Steven Strange</p>
|
|
<p class="nickname nickname--strong">DoctorS</p>
|
|
</div>
|
|
</div>
|
|
<div class="row justify-content-center">
|
|
<div class="review__content col-10">
|
|
<span class="nickname">Pixelbuddha</span> Suspendisse sodales sem est,
|
|
in scelerisque felis scelerisque in. Aenean faucibus mollis risus. Praesent sit amet erat
|
|
eget
|
|
eros.
|
|
</div>
|
|
</div>
|
|
<div class="review__date">2 hours ago</div>
|
|
</div>
|
|
<div class="review">
|
|
<div class="author">
|
|
<img class="avatar" src="http://i.pravatar.cc/100&img=2" alt="Steven Strange">
|
|
<div class="author__details">
|
|
<p class="author__name">Aemiliana Alejo</p>
|
|
<p class="nickname nickname--strong">alejo</p>
|
|
</div>
|
|
</div>
|
|
<div class="row justify-content-center">
|
|
<div class="review__content col-10">
|
|
<span class="nickname">Pixelbuddha</span> Ut enim ad minima veniam, quis nostrum
|
|
exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi
|
|
consequatur.
|
|
</div>
|
|
</div>
|
|
<div class="review__date">3 hours ago</div>
|
|
</div>
|
|
<div class="review">
|
|
<div class="author">
|
|
<img class="avatar" src="http://i.pravatar.cc/100&img=3" alt="Steven Strange">
|
|
<div class="author__details">
|
|
<p class="author__name">Melpomeni Étaín</p>
|
|
<p class="nickname nickname--strong">etain</p>
|
|
</div>
|
|
</div>
|
|
<div class="row justify-content-center">
|
|
<div class="review__content col-10">
|
|
<span class="nickname">Pixelbuddha</span> Nor again is there anyone who loves or pursues or
|
|
desires to obtain pain of itself.
|
|
</div>
|
|
</div>
|
|
<div class="review__date">4 hours ago</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="social container">
|
|
<div class="row justify-content-center">
|
|
<div class="social__content col-10">
|
|
<div>
|
|
<button class="rect-button rect-button--github rect-button--fixed-width">
|
|
<span class="rect-button__icon fab fa-github"></span>
|
|
GitHub
|
|
</button>
|
|
<p class="social__stats">7 352 Followers</p>
|
|
</div>
|
|
<div>
|
|
<button class="rect-button rect-button--twitter rect-button--fixed-width">
|
|
<span class="rect-button__icon fab fa-twitter"></span>
|
|
Twitter
|
|
</button>
|
|
<p class="social__stats">136 312 Followers</p>
|
|
</div>
|
|
<div>
|
|
<button class="rect-button rect-button--facebook rect-button--fixed-width">
|
|
<span class="rect-button__icon fab fa-facebook-f"></span>
|
|
Facebook
|
|
</button>
|
|
<p class="social__stats">218 092 Subscribers</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="testimonials">
|
|
<p class="testimonials__h1">People are talking about fork</p>
|
|
<div class="testimonials__content container">
|
|
<div class="testimonials__row row">
|
|
<div class="testimonial col-4">
|
|
<img class="testimonial__logo" src="img/testimonials/1.png" alt="Smashing Magazine">
|
|
<p class="testimonial__text">
|
|
Sed vestibulum scelerisque urna, eu finibus leo facilisis sit amet. Proin id dignissim
|
|
magna.
|
|
Sed varius urna et pulvinar venenatis.
|
|
</p>
|
|
</div>
|
|
<div class="testimonial col-4">
|
|
<img class="testimonial__logo" src="img/testimonials/2.png" alt="Smashing Magazine">
|
|
<p class="testimonial__text">
|
|
Donec euismod dolor ut ultricies consequat. Vivamus urna ipsum, rhoncus molestie neque ac,
|
|
mollis eleifend nibh.
|
|
</p>
|
|
</div>
|
|
<div class="testimonial col-4">
|
|
<img class="testimonial__logo" src="img/testimonials/3.png" alt="Smashing Magazine">
|
|
<p class="testimonial__text">
|
|
In efficitur in velit et tempus. Duis nec odio dapibus, suscipit erat fringilla, imperdiet
|
|
nibh.
|
|
Morbi tempus auctor felis ac vehicula.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="testimonials__row row">
|
|
<div class="testimonial col-4">
|
|
<img class="testimonial__logo" src="img/testimonials/4/1.png" alt="Smashing Magazine">
|
|
<img class="testimonial__logo" src="img/testimonials/4/2.png" alt="Smashing Magazine">
|
|
<p class="testimonial__text">
|
|
Sed vestibulum scelerisque urna, eu finibus leo facilisis sit amet. Proin id dignissim
|
|
magna.
|
|
Sed varius urna et pulvinar venenatis.
|
|
</p>
|
|
</div>
|
|
<div class="testimonial col-4">
|
|
<img class="testimonial__logo" src="img/testimonials/5.png" alt="Smashing Magazine">
|
|
<p class="testimonial__text">
|
|
Praesent ut eros tristique, malesuada lectus vel, lobortis massa. Nulla faucibus lorem id
|
|
arcu
|
|
consequat faucibus.
|
|
</p>
|
|
</div>
|
|
<div class="testimonial col-4">
|
|
<img class="testimonial__logo" src="img/testimonials/6.png" alt="Smashing Magazine">
|
|
<p class="testimonial__text">
|
|
Fusce pharetra erat id odio blandit, nec
|
|
pharetra eros venenatis. Pellentesque porttitor cursus massa et vestibulum.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="row justify-content-center">
|
|
<div class="testimonials__delimiter col-8"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="pricing">
|
|
<p class="pricing__title">Fork Subscription Pricing</p>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-3">
|
|
<div class="price">
|
|
<p class="price__title">Students</p>
|
|
<p class="price__value">$29</p>
|
|
<p class="price__period">Per month</p>
|
|
<hr class="price__splitter">
|
|
<p class="price__description">Personal License</p>
|
|
<a href="#" class="rounded-button price__rounded-button--purchase">
|
|
Purchase
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-3">
|
|
<div class="price">
|
|
<p class="price__title">Professional</p>
|
|
<p class="price__value">$59</p>
|
|
<p class="price__period">Per month</p>
|
|
<hr class="price__splitter">
|
|
<p class="price__description">Professional License<br/>Email Support</p>
|
|
<a href="#" class="rounded-button price__rounded-button--purchase">
|
|
Purchase
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-3">
|
|
<div class="price">
|
|
<p class="price__title">Agency</p>
|
|
<p class="price__value">$99</p>
|
|
<p class="price__period">Per month</p>
|
|
<hr class="price__splitter">
|
|
<p class="price__description">1-12 Team Members<br/>Phone Support</p>
|
|
<a href="#" class="rounded-button price__rounded-button--purchase">
|
|
Purchase
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-3">
|
|
<div class="price">
|
|
<p class="price__title">Enterprise</p>
|
|
<p class="price__value">$159</p>
|
|
<p class="price__period">Per month</p>
|
|
<hr class="price__splitter">
|
|
<p class="price__description">Unlimited Team Members<br/>24/7 Phone Support</p>
|
|
<a href="#" class="rounded-button price__rounded-button--purchase">
|
|
Purchase
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row justify-content-center">
|
|
<div class="col-10">
|
|
<p class="pricing__footer">
|
|
Duis lobortis arcu sed arcu tincidunt feugiat. Nulla nisi mauris, facilisis vitae aliquet id,
|
|
imperdiet quis
|
|
nibh. Donec eget elit eu libero tincidunt consequat nec elementum orci. Cum sociis natoque
|
|
penatibus
|
|
et
|
|
magnis dis parturient montes, nascetur ridiculus mus.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="newsletter">
|
|
<div class="container">
|
|
<div class="row justify-content-between">
|
|
<div class="col-6 newsletter__title">
|
|
Subscribe to our newsletter
|
|
</div>
|
|
<div class="col-6 oneline__form">
|
|
<input class="textfield oneline__form__component--growing" title="Email" placeholder="Email...">
|
|
<button class="rounded-button rounded-button--uppercase oneline__form__component--fixed"
|
|
type="submit">Subscribe
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="news">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-4">
|
|
<p class="news__title">
|
|
New in Release 2.8
|
|
</p>
|
|
<div class="news-entry">
|
|
<p class="news-entry__brief">Fully Available: Live Preview Support for Multiple Browsers</p>
|
|
<p class="news-entry__content">Morbi faucibus ante ipsum, a tincidunt libero posuere et. Etiam
|
|
tempor tortor at odio condimentum, sit amet fringilla ligula maximus. Mauris venenatis nisl
|
|
nisi, et dictum dui aliquet nec. Sed erat, nec aliquam vel, aliquam ac felis. </p>
|
|
</div>
|
|
<div class="news-entry">
|
|
<p class="news-entry__brief">Improved Support for Typing</p>
|
|
<p class="news-entry__content">Nulla purus quam, pulvinar sed ante et, feugiat maximus velit.
|
|
Donec eu elit mauris. </p>
|
|
</div>
|
|
<div class="news-entry">
|
|
<p class="news-entry__brief">Improved Stability</p>
|
|
<p class="news-entry__content">
|
|
Proin id ligula eget massa tincidunt molestie. Morbi urna lectus, molestie vel quam vel,
|
|
iaculis fermentum nunc. Morbi imperdiet, leo in interdum pretium
|
|
</p>
|
|
</div>
|
|
<button class="rect-button rect-button--small">Go to Release Log</button>
|
|
</div>
|
|
<div class="col-4">
|
|
<p class="news__title">
|
|
Popular Extensions
|
|
</p>
|
|
<div class="news-entry">
|
|
<a href="#" class="news-entry__title">Custom Themes 1.1</a>
|
|
<p class="news-entry__content">
|
|
Etiam viverra vulputate diam, pulvinar cursus augue egestas ullamcorper.
|
|
</p>
|
|
</div>
|
|
<div class="news-entry">
|
|
<a href="#" class="news-entry__title">Filter Forge</a>
|
|
<p class="news-entry__content">
|
|
Nulla purus quam, pulvinar sed et, feugiat maximus velit.
|
|
</p>
|
|
</div>
|
|
<div class="news-entry">
|
|
<a href="#" class="news-entry__title">WebZap</a>
|
|
<p class="news-entry__content">
|
|
Morbi imperdiet, leo in interdum pretium, elit eros dapibus velit, eu posuere quam diam
|
|
vitae orci. Suspendisse interdum accumsan magna vitae commodo.
|
|
</p>
|
|
</div>
|
|
<div class="news-entry">
|
|
<a href="#" class="news-entry__title">Renamy</a>
|
|
<p class="news-entry__content">
|
|
Vivamus consectetur suscipit elit, ut lacinia diam elementum et.
|
|
</p>
|
|
</div>
|
|
<button class="rect-button rect-button--small">Go to Marketplace</button>
|
|
</div>
|
|
<div class="col-4">
|
|
<p class="news__title">
|
|
New From the Blog
|
|
</p>
|
|
<div class="news-entry">
|
|
<a href="#" class="news-entry__title">Morbi imperdiet, leo in interdum pretium.</a>
|
|
<p class="news-entry__content">
|
|
February 18, 2015
|
|
</p>
|
|
</div>
|
|
<div class="news-entry">
|
|
<a href="#" class="news-entry__title">Donec orci ante, porta vel nulla quis, aliquet hendrerit
|
|
leo.</a>
|
|
<p class="news-entry__content">
|
|
February 12, 2015
|
|
</p>
|
|
</div>
|
|
<div class="news-entry">
|
|
<a href="#" class="news-entry__title">Suspendisse egestas vulputate luctus.</a>
|
|
<p class="news-entry__content">
|
|
February 6, 2015
|
|
</p>
|
|
</div>
|
|
<div class="news-entry">
|
|
<a href="#" class="news-entry__title">Quisque varius ante lorem, eget pretium purus hendrerit a
|
|
egestas.</a>
|
|
<p class="news-entry__content">
|
|
February 2, 2015
|
|
</p>
|
|
</div>
|
|
<div class="news-entry">
|
|
<a href="#" class="news-entry__title">Phasellus in augue risus.</a>
|
|
<p class="news-entry__content">
|
|
January 23, 2015
|
|
</p>
|
|
</div>
|
|
<button class="rect-button rect-button--small">Go to Blog</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="footer">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="footer__about col-4">
|
|
<div class="brand">
|
|
<img class="brand__logo" src="img/logo.svg" alt="Forkio logo">
|
|
<span class="brand__name">Fork</span>
|
|
<span class="brand__name brand__name--emph">IO</span>
|
|
</div>
|
|
<p class="footer__about__description">
|
|
Lorem ipsum dolor sit amet, feugiat delicat liberavisse id cum no quo
|
|
</p>
|
|
</div>
|
|
<div class="footer__nav col-2">
|
|
<p class="footer__nav__title">Navigation</p>
|
|
<ul class="footer__nav__navbar">
|
|
<li><a href="#">Home</a></li>
|
|
<li><a href="#">Overview</a></li>
|
|
<li><a href="#">About</a></li>
|
|
<li><a href="#">Buying options</a></li>
|
|
<li><a href="#">Support</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="footer__contact col-3">
|
|
<p class="footer__contact__phone">347 567 78 90</p>
|
|
<p class="footer__contact__availability">Available from 12PM - 18PM</p>
|
|
<p class="footer__contact__city">New York, NY</p>
|
|
<p class="footer__contact__address">560 Judah St & 15th Ave, Apt 5<br/>San Francisco, CA, 230903</p>
|
|
</div>
|
|
<div class="footer__info col-3">
|
|
<p class="footer__info__title">Info</p>
|
|
<p class="footer__info__description">
|
|
Wisia enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
|
|
aliquip ex commodo consequat. Autem vel hendrerit iriure dolor in hendrerit.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- JavaScript -->
|
|
<script defer src="https://use.fontawesome.com/releases/v5.0.8/js/all.js"
|
|
integrity="sha384-SlE991lGASHoBfWbelyBPLsUlwY1GwNDJo3jSJO04KZ33K2bwfV9YBauFfnzvynJ"
|
|
crossorigin="anonymous"></script>
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/gh/kenwheeler/slick@1.8.1/slick/slick.min.js"></script>
|
|
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
|
|
<script async defer src="https://buttons.github.io/buttons.js"></script>
|
|
<script src="js/script.js"></script>
|
|
</body>
|
|
</html>
|