JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/pagePiling.js/1.5.5/jquery.pagepiling.css" />

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.css" />


<div id="pagepiling">
	<div class="section">Some section</div>
	<div class="section pp-scrollable">
  
    
    <h2 class="mb-3 mb-md-5 text-center">What i do</h2>
          <div class="row ">
            <div class="col-lg-6">

          <div class="resume-item   mb-5">
            <div class="resume-content mr-auto">
              <h3 class="mb-1 mb-lg-2">Web Design</h3>
              <div class="subheading mb-3">Producing high quality responsive websites and exceptional user experience</div>
              <p>Every project i work on is unique, i never recycle designs. handcraft every user experience myself, from start
                to finish, with your site's visitors in mind. By focusing on the person using your website i'm able to provide
                an amazing experience, features quick-loading pages, usability, and clean web design.</p>
            </div>
          </div>

        </div>
        <div class="col-lg-6">

          <div class="resume-item   mb-5">
            <div class="resume-content mr-auto">
              <h3 class="mb-1 mb-lg-2">Mobile Web Design</h3>
              <div class="subheading mb-3">Touch friendly</div>
              <p>iPhones, Droids, iPads, iPods: they're everywhere. I can create mobile specific designs that cater to this
                rapidly growing demographic in order to ensure your website is making a positive impact.</p>
            </div>
          </div>

        </div>
        <div class="col-lg-6">

          <div class="resume-item   mb-5">
            <div class="resume-content mr-auto">
              <h3 class="mb-1 mb-lg-2">Branding and Identity</h3>
              <div class="subheading mb-3">Logo design</div>
              <p>Your brand should be the first thing you think...

CSS

.section {
  background: #fff
}

JavaScript

$('#pagepiling').pagepiling({
	    menu: null,
        direction: 'vertical',
        verticalCentered: true,
        sectionsColor: [''],
        anchors: [],
        scrollingSpeed: 500,
        easing: 'swing',
        loopBottom: false,
        loopTop: false,
        css3: true,
        navigation: {
            'textColor': '#000',
            'bulletsColor': '#000',
            'position': 'right',
            'tooltips': ['section1', 'section2', 'section3', 'section4']
        },
       	normalScrollElements: null,
        normalScrollElementTouchThreshold: 5,
        touchSensitivity: 5,
        keyboardScrolling: true,
        sectionSelector: '.section',
        animateAnchor: false,

		//events
		onLeave: function(index, nextIndex, direction){},
		afterLoad: function(anchorLink, index){},
		afterRender: function(){},
	});