In order to develop and expand students’ innate skills and potential, we provide them with state-of-the-art educational facilities filled with a wide variety of events throughout the year.
Why SDVM?
While academic excellence is our top concern, the ultimate goal of S.D.V.M HUDA is to foster a community of well-rounded people who work together and respect one another in the classroom.
-
-
What makes a child gifted and talented may not always be good grades in the school, but a different way of looking at the world and learning.”
Your Gateway to Success
-
Academic Excellence
-
Personalized Learning
-
Student Leadership
-
Cultural and Enrichment Programs
-
Languages Used
This page was written in HTML and CSS. The CSS was compiled from SASS. I used Normalize as my CSS reset and -prefix-free to save myself some headaches. I haven't quite gotten the hang of Slim for compiling into HTML, but someday I'll use it since its syntax compliments that of SASS. Regardless, this could all be done in plain HTML and CSS.
-
How it Works
Using the sibling and checked selectors, we can determine the styling of sibling elements based on the checked state of the checkbox input element. One use, as demonstrated here, is an entirely CSS and HTML accordion element. Media queries are used to make the element responsive to different screen sizes.
-
Points of Interest
By making the open state default for when :checked isn't detected, we can make this system accessable for browsers that don't recognize :checked. The fallback is simply an open accordion. The accordion can be manipulated with Javascript (if needed) by changing the "checked" property of the input element.
