https://i.stack.imgur.com/SOQEk.png
Looking to utilize the popular ScrollReveal.js created by Julian Lloyd (ScrollReveal)
Despite following instructions from various sources, the script is not producing the intended effect.
Steps taken to make it work:
Added .js file and initialized the script:
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<title>Aries Sercon Lda - Accounting, Tax and Consulting in Mozambique - Home</title>
<meta name="description" content="Aries Sercon is an established firm providing accounting, tax and human resource services in Mozambique">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="icon" type="img/png" href="favicon-32x32.png" sizes="32x32"/>
<link href='https://fonts.googleapis.com/css?family=Roboto:400,900' rel='stylesheet' type='text/css'>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="scripts/scrollReveal.min.js"></script>
<script>
window.sr = new scrollReveal();
sr.reveal('#landing');
sr.reveal('#checks');
sr.reveal('#process');
sr.reveal('#clients');
sr.reveal('#footer');
</script>
</head>
Added data-sr attribute for each element
<div class="wrapper">
<div class="checks" id="checks" data-sr>
Even after verifying the correct path, the script is not functioning properly.
<p class="promo center">We are an independent group of accountants and tax professionals based in Mozambique. We have been operating in the market for over 30 years, witnessing the remarkable growth of the country.</br></br>
Over the years, we have assisted businesses of all sizes, guiding them through the business landscape of Mozambique and gaining valuable insights into the evolving dynamics of the market.</br></br>
While Mozambique has experienced growth driven by industries and infrastructure projects, there are opportunities for small and medium-sized enterprises. Its strategic location and vast coastline make it attractive for investment and trade.</p>
<a href="#process" class="smoothScroll"><img src="assets/arrow.svg" class="arrows" alt="Go down"></a>
</div>
</div>