Reply To: Set new top page

[Support]

Hello,

This is possible 🙂

Just add the HTML code for revolution slider before the first section of Demo Resume (after main div). For example:

...
.....
......
....
<div role="main" class="main">

	<div class="slider-container rev_slider_wrapper" style="height: 670px;">
		<div id="revolutionSlider" class="slider rev_slider" data-version="5.4.8" data-plugin-revolution-slider data-plugin-options="{'delay': 9000, 'gridwidth': 1170, 'gridheight': 670, 'disableProgressBar': 'on', 'responsiveLevels': [4096,1200,992,500], 'parallax': { 'type': 'scroll', 'origo': 'enterpoint', 'speed': 1000, 'levels': [2,3,4,5,6,7,8,9,12,50], 'disable_onmobile': 'on' }, 'navigation' : {'arrows': { 'enable': true }, 'bullets': {'enable': true, 'style': 'bullets-style-1', 'h_align': 'center', 'v_align': 'bottom', 'space': 7, 'v_offset': 70, 'h_offset': 0}}}">
			<ul>
				<li class="slide-overlay" data-transition="fade">
					<img src="img/slides/slide-bg-2.jpg"  
						alt=""
						data-bgposition="center center" 
						data-bgfit="cover" 
						data-bgrepeat="no-repeat" 
						class="rev-slidebg">
	
					<div class="tp-caption"
						data-x="center" data-hoffset="['-170','-170','-170','-350']"
						data-y="center" data-voffset="['-50','-50','-50','-75']"
						data-start="1000"
						data-transform_in="x:[-300%];opacity:0;s:500;"
						data-transform_idle="opacity:0.2;s:500;"><img src="img/slides/slide-title-border.png" alt=""></div>
	
					<div class="tp-caption text-color-light font-weight-normal"
						data-x="center"
						data-y="center" data-voffset="['-50','-50','-50','-75']"
						data-start="700"
						data-fontsize="['16','16','16','40']"
						data-lineheight="['25','25','25','45']"
						data-transform_in="y:[-50%];opacity:0;s:500;">WE WORK HARD AND PORTO HAS</div>
	
					<div class="tp-caption"
						data-x="center" data-hoffset="['170','170','170','350']"
						data-y="center" data-voffset="['-50','-50','-50','-75']"
						data-start="1000"
						data-transform_in="x:[300%];opacity:0;s:500;"
						data-transform_idle="opacity:0.2;s:500;"><img src="img/slides/slide-title-border.png" alt=""></div>
	
					<div class="tp-caption font-weight-extra-bold text-color-light negative-ls-1"
						data-frames='[{"delay":1000,"speed":2000,"frame":"0","from":"sX:1.5;opacity:0;fb:20px;","to":"o:1;fb:0;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
						data-x="center"
						data-y="center"
						data-fontsize="['50','50','50','90']"
						data-lineheight="['55','55','55','95']">THE BEST DESIGN</div>
	
					<div class="tp-caption font-weight-light ws-normal text-center"
						data-frames='[{"from":"opacity:0;","speed":300,"to":"o:1;","delay":2000,"split":"chars","splitdelay":0.05,"ease":"Power2.easeInOut"},{"delay":"wait","speed":1000,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'
						data-x="center"
						data-y="center" data-voffset="['60','60','60','105']"
						data-width="['530','530','530','1100']"
						data-fontsize="['18','18','18','40']"
						data-lineheight="['26','26','26','45']"
						style="color: #b5b5b5;">Trusted by over <strong class="text-color-light">30,000</strong> satisfied users, Porto is a huge success in the one of largest world's MarketPlace.</div>
					
				</li>
			</ul>
		</div>
	</div>

	<section id="about-me" class="section section-no-border section-parallax custom-section-padding-1 custom-position-1 custom-xs-bg-size-cover parallax-no-overflow m-0" data-plugin-parallax data-plugin-options="{'speed': 1.5}" data-image-src="img/demos/resume/about-me/about-me-bg-1.jpg">
....
.....
....

Please try that and let us know if you need further assistance.

Kind Regards,

Rodrigo.

---

If you are satisfied with Porto HTML and our support, please leave your comment and rating on ThemeForest downloads page. That helps us a lot: https://themeforest.net/downloads

---