Line 48: | Line 48: | ||
background-attachment: scroll; | background-attachment: scroll; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</style> | </style> | ||
</body> | </body> | ||
− | |||
<!-- Navbar (sit on top) --> | <!-- Navbar (sit on top) --> | ||
Line 227: | Line 119: | ||
</div> | </div> | ||
</div> | </div> | ||
+ | |||
+ | <style> | ||
+ | button.accordion { | ||
+ | background-color: #eee; | ||
+ | color: #444; | ||
+ | cursor: pointer; | ||
+ | padding: 18px; | ||
+ | width: 80%; | ||
+ | border: none; | ||
+ | text-align: left; | ||
+ | outline: none; | ||
+ | font-size: 15px; | ||
+ | transition: 0.4s; | ||
+ | margin-left:10%; | ||
+ | margin-right:10%; | ||
+ | } | ||
+ | |||
+ | button.accordion.active, button.accordion:hover { | ||
+ | background-color: #ccc; | ||
+ | } | ||
+ | |||
+ | div.panel { | ||
+ | padding: 0 18px; | ||
+ | background-color: white; | ||
+ | max-height: 0; | ||
+ | overflow: hidden; | ||
+ | transition: max-height 0.2s ease-out; | ||
+ | } | ||
+ | |||
+ | |||
+ | </style> | ||
+ | </head> | ||
+ | <body> | ||
<!-- Container (About Section) --> | <!-- Container (About Section) --> |
Revision as of 21:22, 31 October 2017