(Prototype team page) |
Aman54kumar (Talk | contribs) |
||
Line 3: | Line 3: | ||
− | < | + | <!DOCTYPE html> |
− | + | <html lang="en"> | |
− | < | + | <head> |
− | < | + | <meta charset="utf-8"> |
− | + | <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
− | </ | + | <meta name="viewport" content="width=device-width, initial-scale=1"> |
− | < | + | <title>Notebook</title> |
− | + | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> | |
− | + | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"> | |
− | < | + | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> |
− | < | + | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> |
− | < | + | <style type="text/css"> |
− | < | + | .bs-example{ |
− | < | + | margin: 20px; |
− | < | + | } |
− | < | + | </style> |
− | </ | + | </head> |
− | + | <body> | |
− | </div> | + | <div class="bs-example"> |
− | + | <div class="panel-group" id="accordion"> | |
− | <div class=" | + | <div class="panel panel-default"> |
− | < | + | <div class="panel-heading"> |
− | < | + | <h4 class="panel-title"> |
− | + | <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">February</a> | |
− | < | + | </h4> |
− | < | + | </div> |
− | < | + | <div id="collapseOne" class="panel-collapse collapse in"> |
− | < | + | <div class="panel-body"> |
− | < | + | <p> Team building activities</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">March</a> | ||
+ | </h4> | ||
+ | </div> | ||
+ | <div id="collapseTwo" class="panel-collapse collapse"> | ||
+ | <div class="panel-body"> | ||
+ | <p>Team Building and Discussion on project ideas</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">April</a> | ||
+ | </h4> | ||
+ | </div> | ||
+ | <div id="collapseThree" class="panel-collapse collapse"> | ||
+ | <div class="panel-body"> | ||
+ | <p>Discussion with SMEs from Physics and Molecular Biology for background information on feasibility of Bilogical Lasers</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <p><strong>Note:</strong> Click on the linked heading text to expand or collapse accordion panels.</p> | ||
</div> | </div> | ||
+ | </body> | ||
+ | </html> | ||
</html> | </html> |
Revision as of 21:44, 15 May 2017