Components lie at the heart of Material Design, and despite the framework's claim to provide only a limited set of components, MDL actually provides a comprehensive number of them. They have also been designed to meet all the material criteria we encountered earlier in the book, and in terms of appearance alone, MDL is probably the most attractive. The framework also provides some very elegant features such as transparent headers that are not available or easy to implement in other frameworks.
Most web designs begin with the overall layout, and in Material Design, this nearly always involves a navigation bar. If we are creating a site that utilizes a lot of vivid imagery, very pleasing results can be achieved with a transparent navigation bar. Firstly, it may be worth recapping how we link our index.html code with the framework, both of which will occupy the same directory:
<!DOCTYPE html> <html> <head> <script src="https://storage.googleapis.com/code...