<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>Personal Portfolio - freeCodeCamp</title>
<link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta/css/bootstrap.min.css'>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<nav id="navbar" class="navbar container navbar-expand-sm navbar-light fixed-top bg-light">
<a href="#" class="navbar-brand mr-auto">
<img src="http://store1.up-00.com/2017-09/15046441356971.png" class="d-inline-block align-top" width="30" alt="">
Mounsif Yassir
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarToggler" aria-controls="navbarToggler" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarToggler">
<ul class="navbar-nav nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="#about">About</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#portfolio">Portfolio</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#one">Pricing</a>
</li>
</ul>
</div>
</nav>
<div class="container wrap bg-light">
<div id="about" class="row">
<div class="col-md-6">
ssssss
</div>
<div class="col-md-6"></div>
</div>
<div id="portfolio" class="row">
<div class="col-md-6">
ssssss
</div>
<div class="col-md-6"></div>
</div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>jkljlkjlklkjlkjlkj
</div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta/js/bootstrap.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>
/*Downloaded from https://www.codeseek.co/myassir/personal-portfolio-freecodecamp-EvJevz */
body{
background: #03a9f4;
background: #e8e8e8;
position: relative;
}
nav{
border-bottom: 2px solid #03a9f4;
}
.navbar-brand{
color: #03a9f4 !important;
}
#about{
padding: 10px;
background: #03a9f4;
height: 100vh;
padding-top:57px;
}
/*Downloaded from https://www.codeseek.co/myassir/personal-portfolio-freecodecamp-EvJevz */
$(document).ready(function(){
$(".navbar-toggler").click(function(e) {
e.preventDefault();
});
$('body').scrollspy({ target: '.navbar' });
})
Bootstrap
Angular
ReactJS
jQuery
VueJS
HTML
CSS
JavaScript
Twitter Bootstrap
jQuery
v3.2.1
![[Topic-09] Display, Pt. 2](https://codepen.io/Media-Ed-Online/pen/MOJqvQ/image/small.png)
