|
|
| (8 intermediate revisions by one other user not shown) |
| Line 1: |
Line 1: |
| − | {{Heidelberg/header}}
| |
| − | {{Heidelberg/navbar}}
| |
| − | <html>
| |
| − | <style>
| |
| − | .accordion .panel-default {
| |
| − | border-radius: 0px !important;
| |
| − | -webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.16);
| |
| − | -moz-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.16);
| |
| | | | |
| − | }
| |
| − | .accordion .panel {
| |
| − | background-color: white;
| |
| − | border: none;
| |
| − | border-left: 10px solid #F8991D;
| |
| − | border-radius: none !important;
| |
| − | }
| |
| − | .accordion .panel-heading {
| |
| − | background-color: transparent;
| |
| − | border: none;
| |
| − | border-radius: none !important;
| |
| − | }
| |
| − | .accordion .panel-title {
| |
| − | text-align: center;
| |
| − | }
| |
| − |
| |
| − | .accordion .panel-heading a {
| |
| − | color: #F8991D !important;
| |
| − | font-size: 35px !important;
| |
| − | }
| |
| − | .accordion .panel-body {
| |
| − | border: 0px solid #F8991D !important;
| |
| − | }
| |
| − |
| |
| − | </style>
| |
| − |
| |
| − | <div class="container">
| |
| − | <div class="col-lg-12 col-md-12 col-xs-12">
| |
| − | <div class="accordion panel-group">
| |
| − | <div class="panel panel-default">
| |
| − | <div class="panel-heading">
| |
| − | <h4 class="panel-title">
| |
| − | <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">1. What is HTML?</a>
| |
| − | </h4>
| |
| − | </div>
| |
| − | <div id="collapseOne" class="panel-collapse collapse">
| |
| − | <div class="panel-body">
| |
| − | <p>HTML stands for HyperText Markup Language. HTML is the main markup language for describing the structure of Web pages. <a href="https://www.tutorialrepublic.com/html-tutorial/" target="_blank">Learn more.</a></p>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="panel panel-default">
| |
| − | <div class="panel-heading">
| |
| − | <h4 class="panel-title">
| |
| − | <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">2. What is Bootstrap?</a>
| |
| − | </h4>
| |
| − | </div>
| |
| − | <div id="collapseTwo" class="panel-collapse collapse in">
| |
| − | <div class="panel-body">
| |
| − | <p>Bootstrap is a powerful front-end framework for faster and easier web development. It is a collection of CSS and HTML conventions. <a href="https://www.tutorialrepublic.com/twitter-bootstrap-tutorial/" target="_blank">Learn more.</a></p>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="panel panel-default">
| |
| − | <div class="panel-heading">
| |
| − | <h4 class="panel-title">
| |
| − | <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree">3. What is CSS?</a>
| |
| − | </h4>
| |
| − | </div>
| |
| − | <div id="collapseThree" class="panel-collapse collapse">
| |
| − | <div class="panel-body">
| |
| − | <p>CSS stands for Cascading Style Sheet. CSS allows you to specify various style properties for a given HTML element such as colors, backgrounds, fonts etc. <a href="https://www.tutorialrepublic.com/css-tutorial/" target="_blank">Learn more.</a></p>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | </html>
| |
| − | {{Heidelberg/footer}}
| |
