Introduction and Motivation
The admin dashboard has, among others, the following features:
- Clean and responsive design
- Subtle animations with pure CSS3
The project's complete code is online and it is entirely free both for private and commercial uses.
Sirneij / carrotsuite-admin-ui
It can be accessed via this link.
It was also hosted on github pages.
Some implementation details
CSS3 flex boxes and grid system were heavily used with the former being more rampant.
.carrotsuite-nav is a flex container which is the baseline of the header. Header elements composed of mainly fontawesome icons. The site's logo wrapper was absolutely positioned to aid easy positioning.
.main was made a grid container with its columns made
The first column houses the fixed
.page-content occupies the remaining grid column followed by other convectional styles. The only thing worth noting is the animated
.dropbtn which rotates fontawesome's
-180deg on hover.
The project wasn't that fancy but it does help me brush up the fundamentals that were escaping.
Enjoyed this article, consider contacting me for a job, something worthwhile or buying a coffee ☕. You can also connect with me on LinkedIn.
Top comments (39)
First of all, congratulations on your graduation with 1st Class honours, Wooow!!! Beautiful. Thanks for the dashboard as well.
Thanks you boss 😊
Nice design! I will try to duplicate and later check the differences
what's idea. sir!
That'll be great
It was not meant to be a complete template
However, you can suggest what you want and we can collaborate to make it full-fledged
Mehn this is nice, I am completely blown away. I hope to build something like this someday...
Still in the learning process.
Everyone learns and learning is a continuous thing.
You will build more fancy stuff than this.
Any recommendations on how to achieve this?
I read CSS3 books and this Udemy course:
Thank you so much
I really appreciate.
Very nice! And congrats 🎉
Thanks boss. I really appreciate
Looks great!!, I'll use it for a couple of my upcoming projects. Let's see...
Want to come redesign our crappy code ignitor view site?
I will be honored. Email me the details.
Nice design 👌
is this have video
I am proud of you, John.
Thank you boss!
Parabéns pelo Projeto...ficou bem estruturado e modelado.
Amazing design. Thanks so much
Thanks! I appreciate.
Do You work for carrotSuite? Techcellent 360 global.... How's your working experience if yes? I'd advise you to avoid there
Oh, I don't. I would have but didn't like their compensation and all.