The white/gray-hover nav links on the pink background are a bit rough on the eyes due to the low contrast between the two colors. I recommend changing the background of the navbar to a dark color, then reducing the opacity to near transparency. So, something like
background: rgba(34, 34, 34, 0.3);
This provides just enough contrast to improve readability.
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
Finally, wrap your ul links in a div with the classes “collapse navbar-collapse” and an id of “navbar-collapse”. It should look like this:
<div class="collapse navbar-collapse" id="navbar-collapse">
<ul class="nav navbar-nav navbar-right" id="links">
You’ll have to adjust the padding in your navbar after the collapse, but this is pretty standard when designing with mobile users in mind.
The “Click pls” button in the main section should really do something when clicked. I clicked it and felt confused at first when nothing happened (“Is a plugin on my browser breaking something? Something should happen, right?”) to dissatisfied when I realized nothing was going to happen. And it should be “stopping” not “stoping”, but I’m not sure if that’s deliberate.
Finally, the quote under your ‘Testimonial’ section is running off the right side of the page when the view gets smaller, and the “Read More” links are misaligned in the “About Me” section, floating to the left when they should be in the center, directly under the paragraphs . I think you need to rethink the column layout for those section when the view switches to mobile and tablet sizes. Again, this is something that’s standard when designing responsively.
Other than those things, it looks really nice. It’s very clean and modern, with a great layout and color scheme, and it looks very professional. I like it!