<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Nikhil More</title>
<!--
Template 2096 Hello, I am Nikhil More
http://www.tooplate.com/view/2096-individual
-->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400"> <!-- Google web font "Open Sans" -->
<link rel="stylesheet" href="font-awesome-4.5.0/css/font-awesome.min.css"> <!-- Font Awesome -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="slick/slick.css"/>
<link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/>
<link rel="stylesheet" href="css/tooplate-style.css"><!-- tooplate style -->
<!-- Magnific Popup core CSS file -->
<link rel="stylesheet" href="css/magnific-popup.css">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav">
<div class="container">
<a class="navbar-brand js-scroll-trigger" href="#page-top">
<img class="img-fluid" src="images/logo.png" alt="" />
</a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
Menu
<i class="fa fa-bars"></i>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav text-uppercase ml-auto">
<li class="nav-item">
<a class="nav-link js-scroll-trigger active" href="index.html">HOME</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="about me.html">ABOUT ME</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="./assignment/assignment.html">ASSIGNMENT</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="my project.html">MY PROJECT</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="contact.html">CONTACT US</a>
</li>
</ul>
</div>
</div>
</nav>
<body>
</div>
</div>
</section>
</div>
<div id="tm-section-2" class="parallax-window" data-parallax="scroll" data-image-src="img/bg-img-022.jpg">
<section class="container tm-page-1-content tm-page-2">
<div class="row">
<!--<article class="col-md-6 tm-article tm-bg-green-transparent">-->
<header><h2 class="tm-bg-gray"> <b STYLE="COLOR:maroon" >My Project </h2></header>
<p class="tm-bg-white2"> <b STYLE="COLOR:blue"> write about project</b>
</article>
</article>
</div>
</section>
</div>
<div class="footer">
<p>Copyright © 2020 Your Company
. Design: Tooplate</p>
</div>
</div>
</div>
<!-- load JS files -->
<script src="js/jquery-1.11.3.min.js"></script> <!-- jQuery (https://jquery.com/download/) -->
<script src="js/parallax.min.js"></script>
<script type="text/javascript" src="slick/slick.min.js"></script>
<!-- Slick Carousel -->
<!-- Magnific Popup core JS file -->
<script src="js/jquery.magnific-popup.min.js"></script>
<script>
function setCarousel() {
var slider = $('.tm-img-slider');
if (slider.hasClass('slick-initialized')) {
slider.slick('destroy');
}
if($(window).width() > 991){
// Slick carousel
slider.slick({
dots: true,
infinite: true,
slidesToShow: 4,
slidesToScroll: 1
});
}
else {
slider.slick({
dots: true,
infinite: true,
slidesToShow: 2,
slidesToScroll: 1
});
}
}
$(document).ready(function(){
setCarousel();
$('.tm-img-slider').magnificPopup({
delegate: 'a', // child items selector, by clicking on it popup will open
type: 'image'
// other options
});
$(window).resize(function() {
setCarousel();
});
});
</script>
</body>
</html>