A website model to spread positivity and bring life back to living
Using tools -
- HTML
- CSS
- SCSS
- JavaScript
- Bootstrap
- Responsive Web Desiging
- Compatible for any kind of display size
- User Friendly
- Interactive
- Clean code
- Wonderful optimization
HTML SAMPLE
<div class="col-12 narrow text-center">
<h1>What is Motivation ?</h1>
<p>Motivation is the word derived from the word ’motive’ which means needs, desires, wants or drives within
the individuals. It is the process of stimulating people to actions to accomplish the goals. In the work
goal context the psychological factors stimulating the people’s behaviour can be -
<ul>
<li>Desire for money</li>
<li>Success</li>
<li>Recognition</li>
<li>Job-satisfaction</li>
<li>Team work, etc</li>
</ul>
<strong>The process of motivation consists of three stages -</strong> <br><br>
<ul>
<li>A felt need or drive</li>
<li>A stimulus in which needs have to be aroused</li>
<li>When needs are satisfied, the satisfaction or accomplishment of goals.</li>
</ul>
Therefore, we can say that motivation is a psychological phenomenon which means needs and wants of the
individuals have to be tackled by framing an incentive plan.
</p>
</div>
CSS SAMPLE
.caption h1 {
font: 3.8rem;
font-weight: 700;
letter-spacing: 0.3rem;
text-shadow: 0.1rem 0.1rem 0.8rem black;
padding-bottom: 1rem;
}
.caption h3 {
font-size: 2rem;
text-shadow: 0.5rem 0.1rem 0.8rem black;
padding-bottom: 1.6rem;
}
.btn-lg {
border-width: medium;
border-radius: 0 !important;
padding: 36rem 1.3rem;
font-size: 1.1rem;
font-weight: 700;
}
/*objectives section*/
.narrow {
width: 75%;
margin: 1.5rem auto;
padding-top: 2rem;
}
.narrow h1 {
font-size: 3rem;
padding-top: 3rem;
margin: 3rem;
}
.narrow ul li {
list-style-type: none;
}
/*features section*/
.jumbotron {
margin-bottom: 0;
padding: 2rem 0 3.5rem;
border-radius: 0;
}
h3.heading {
font-size: 1.9rem;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 1.9rem;
}
.heading-underline {
width: 5rem;
height: 0.2rem;
background-color: #00faa0;
margin: 0 auto 2rem;
}
.features h3 {
font-size: 1.3rem;
text-transform: uppercase;
padding-bottom: 0.4rem;
}
.features p {
font-size: 1.1rem;
}
Sample Landing Page
https://njmsaikat.github.io/amaze/
Contact With Developer:
Email: njmsaikat@gmail.com
Personal Portfolio: https://njmsaikat.github.io/saikat/
Linked In Profile: https://www.linkedin.com/in/njmsaikat/