How to re-create the “Art of Life” landing page

The Art Of Life is TruAcademy’s own made school to showcase the power of our platform and how much you can do with it with no coding skills required. We’re gonna show you step-by-step on the exact things we did to achieve the landing page.

To view the Art of Life webpage, click here.

To download the images, logo and favicon used for the creation of the video, click here.



Color used for featurette background: E74C3C

.headingIcon .imageWrapper img {
border-radius: 50%;

#studentSiteFooter {
background-color: #333333;

#studentSiteFooter .nav.navbar-nav li a, #studentSiteFooter .nav.navbar-nav li {
color: #FFFFFF !important;

.btn.btn-primary {
background: #c0392b;
border: solid 1px #FFFFFF;
font-size: 17px;
padding: 10px 20px;
border-radius: 5px;
text-transform: uppercase;

Was this article helpful?

No 0

About the Author