SD3100 FullPage Starter Kit

Developer
Ken Yiu
Size
2,360 Kb
Views
14,168
  1. SD3100 FullPage Starter Kit Previews
  2. SD3100 FullPage Starter Kit HTML Codes
  3. SD3100 FullPage Starter Kit CSS Codes
  4. SD3100 FullPage Starter Kit JS Codes

How do I make an sd3100 fullpage starter kit?

What is a sd3100 fullpage starter kit? How do you make a sd3100 fullpage starter kit? This script and codes were developed by Ken Yiu on 16 November 2022, Wednesday.

SD3100 FullPage Starter Kit Previews
IQ Test

SD3100 FullPage Starter Kit - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>SD3100 FullPage Starter Kit</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.8.8/jquery.fullPage.min.css'>
<link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div id="fullpage"> <div class="section" id="sec1"> <div class="slide" id="sec1slide1">
<!-- <img id="logo" src="http://www.webdeveloper.com/forum/attachment.php?attachmentid=14980&d=1346386598" /> --> <h1 class="glyphicon glyphicon-eye-open"></h1> <h1>Full Page Starter Kit</h1> <p>A Starter Kit of fullpage.js library</p> </div> <div class="slide" id="sec1slide2"><h1>Slide 2</h1></div> <div class="slide" id="sec1slide3"><h1>Slide3</h1></div> </div> <div class="section" id="sec2">section2</div> <div class="section" id="sec3"> <div class="slide" id="sec3slide1">slide1</div> <div class="slide" id="sec3slide2">slide2</div> <div class="slide" id="sec3slide3">slide3</div> </div> <div class="section" id="sec4">section4</div>
</div> <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.8.8/jquery.fullPage.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

SD3100 FullPage Starter Kit - Script Codes CSS Codes

#sec1slide1 { background-color: #ED1234; background-image: url(https://www.bhmpics.com/walls/3d_low_poly_abstract-wide.jpg); background-size: cover; background-position: center;
/* padding: 50px; */ text-align: center; color: #fff;
}
#sec1slide2 { background-color: #12EDCC; background-image: url(https://s-media-cache-ak0.pinimg.com/originals/f5/51/5e/f5515ebe09ffd16984bb095d7917cbd0.jpg); background-size: cover; background-position: center;
}
#sec1slide3 { background-color: #EE12CC; background-image: url(https://s-media-cache-ak0.pinimg.com/originals/cb/82/75/cb8275fd84f67441ad7e21c81197d16d.png); background-size: cover; background-position: center;
}
#sec2 { background-color: #CCC;
}
#sec4 { background-color: #666;
}
#fp-nav ul li a span { background-color: #ED1234;
}
.fp-slidesNav ul li a span { background-color: #fff;
}
#logo { width: 100px;
}
.slide { text-align: center; color: #fff;
}

SD3100 FullPage Starter Kit - Script Codes JS Codes

$(document).ready(function() { $('#fullpage').fullpage({ navigation : true, navigationPosition : 'right', navigationTooltips: ['home', 'about us', 'our works', 'contact us'], slidesNavigation : true, slidesNavPosition : 'bottom', controlArrows: false, });
});
SD3100 FullPage Starter Kit - Script Codes
SD3100 FullPage Starter Kit - Script Codes
Home Page Home
Developer Ken Yiu
Username kenyiu
Uploaded November 16, 2022
Rating 3.5
Size 2,360 Kb
Views 14,168
Do you need developer help for SD3100 FullPage Starter Kit?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Ken Yiu (kenyiu) Script Codes
Name
Jquery mousemove animation
SD3100 - Boxify Fluid Layout
RWD-ISD-A-FullPage Start Kit
RWD-ISD-B-Class4b
RWD-ISD-ClassB-7A
A Pen by Ken Yiu
Responsive Flexbox Nav
Dynamic Content Panel
RWD-B Class3b
JQuery scrollTop sticky header
Create amazing love letters with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!