Difference between revisions of "Team:Heidelberg/Sandbox16"

(Created page with "{{Heidelberg/header}} {{Heidelberg/navbar}} <html> <div id="accordion" class="panel-group"> <div class="panel panel-default"> <div class="panel-heading">...")
 
(Blanked the page)
 
(9 intermediate revisions by one other user not shown)
Line 1: Line 1:
{{Heidelberg/header}}
+
 
{{Heidelberg/navbar}}
+
<html>
+
<div id="accordion" class="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>
+
</html>
+
{{Heidelberg/footer}}
+

Latest revision as of 17:52, 14 December 2017