Difference between revisions of "Htmlsandbox"

From wiki
Jump to navigation Jump to search
(Created page with "<html> <head> <!-- Meta requirements **Do not change** --> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport...")
 
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
+
<head>
  <head>
+
<title>Hello Wiki</title>
    <!-- Meta requirements **Do not change** -->
+
</head>
    <meta charset="utf-8">
+
<body>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+
<section>
  <meta name="viewport" content="width=device-width, initial-s
+
<div>
cale=1, user-scalable=no">
+
<h1>Hello Wiki</h1>
    <!-- Content Links (CSS) **Do not change** -->
+
<p>Lorem ipsum dolar sit amet</p>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
+
</div>
    <link rel="stylesheet" href="styles.css">
+
</section>
    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
+
<section>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
+
<h1>Extra Large Headings</h1>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
+
    <script src="https://cdnjs.cloudflare.com/ajax/libs/masonry/4.2.0/masonry.pkgd.js"></script>
+
<h2>Section Headings</h2>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.isotope/3.0.4/isotope.pkgd.js"></script>
+
    <!---!<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
+
<h3>Sub-Sections &amp; Calls to Action</h3>
    <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
+
    <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> --->  
+
<h4>SubSubs &amp; Smaller Notes</h4>
  </head>
+
+
<h5>[http://# H5 (with link)]</h5>
  <body>
+
+
<h6>Tiny Captions</h6>
    <section class="super-body">
+
      <!-- Navigation Start -->
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempor, urna at convallis tincidunt, quam dolor varius nibh, id iaculis sem nisi non est. Praesent pellentesque risus ut lorem elementum sagittis. Curabitur lectus quam, elementum quis faucibus in, lobortis sed felis. Morbi massa nunc, aliquam ut tincidunt sed, dictum non urna. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse sollicitudin ante et nulla pretium a consectetur erat rutrum. Sed interdum risus ut tellus consequat varius.</p>
      <nav class="navbar navbar-default navbar-fixed-top">
+
<p>Aenean ipsum tellus, euismod a scelerisque et, pretium aliquam elit. Nunc sed enim tellus. Proin vel sem massa. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed ut ipsum eu turpis auctor aliquam. Etiam eu nisi a mauris ornare dapibus sed ac odio. Nunc accumsan placerat vestibulum. Pellentesque ut imperdiet urna. Vestibulum vitae auctor purus.  
        <div class="container">
+
</p>
          <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+
            <div class="navbar-header">
+
<hr />
              <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
+
                        <span class="sr-only">Toggle navigation</span>
+
<ul>
                        <span class="icon-bar"></span>
+
<li>List Item</li>
                        <span class="icon-bar"></span>
+
<li>List Item</li>
                        <span class="icon-bar"></span>
+
<li>List Item</li>
                      </button>
+
</ul>
              <a class="navbar-brand" href="http://www.gcpedia.gc.ca"><b>GC</b>pedia</a>
+
            </div>
+
<ol>
+
<li>List Item</li>
            <ul class="nav navbar-nav navbar-right">
+
<li>List Item</li>
              <!-- Single Link -->
+
<li>List Item</li>
              <li class="active"><a href="http://www.gcpedia.gc.ca/wiki/ATI">ATI Home</a></li>
+
</ol>
              <li class="dropdown">
+
 
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Bill C-58<span class="caret"></span></a>
+
<hr />
                <ul class="dropdown-menu">
+
                  <li><a href="http://www.parl.ca/LegisInfo/BillDetails.aspx?Language=en&Mode=1&billId=9057528&View=0" target="_blank">Bill Status</a></li>
+
<blockquote>Blockquote. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempor, urna at convallis tincidunt, quam dolor varius nibh, id iaculis sem nisi non est.</blockquote>
                  <li><a href="http://www.parl.ca/DocumentViewer/en/42-1/bill/C-58/third-reading" target="_blank">Bill Text</a></li>
+
                </ul>
+
<table border="0" cellpadding="0" cellspacing="0">
              </li>
+
              <li><a href="http://laws-lois.justice.gc.ca/eng/acts/a-1" target="_blank">ATIA</a></li>
+
<tr>
              <li><a href="http://www.gcpedia.gc.ca/wiki/ATI/Reg">ATI Regulations</a></li>
+
<th>Table</th>
              <li><a href="http://www.gcpedia.gc.ca/wiki/ATI/Pol">ATI Policy</a></li>
+
<th>Header</th>
              <li><a href="http://www.gcpedia.gc.ca/wiki/ATI/PP">Proactive Publication</a></li>
+
</tr>
              <li class="dropdown">
+
                <!-- Title for Dropdown (text users see before hovering/clicking) -->
+
<tr>
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Contact<span class="caret"></span></a>
+
<td>Lorem Ipsum</td>
                <!-- Start of clickable links -->
+
<td>Dolar Sit Amet</td>
                <ul class="dropdown-menu">
+
</tr>
                  <li><a href="mailto:ippd-dpiprp@tbs-sct.gc.ca">Bill C-58, ATIA</a></li>
+
                  <li><a href="mailto:zzocgpt@tbs-sct.gc.ca">Grants & Contributions</a></li>
+
<tr class="alt">
                  <li><a href="mailto:fin-www@tbs-sct.gc.ca">Travel & Hospitality</a></li>
+
<td>Lorem Ipsum</td>
                  <li><a href="mailto:Thomas.Yiu@tbs-sct.gc.ca">Contracts</a></li>
+
<td>Dolar Sit Amet</td>
                  <li><a href="mailto:Dawn.Pickering@tbs-sct.gc.ca">Position Reclassification</a></li>
+
</tr>
                  <li><a href="mailto:Kathleen.Clarkin@tbs-sct.gc.ca">Acts of Founded Wrongdoing</a></li>
+
                </ul>
+
<tr>
              </li>
+
<td>Lorem Ipsum</td>
              <li><a href="http://www.gcpedia.gc.ca/wiki/AI">FR</a></li>
+
<td>Dolar Sit Amet</td>
            </ul>
+
</tr>
          </div>
+
        </div>
+
</table>
      </nav>
 
 
        <!-- Header -->
 
        <div class="jumbotron jumbotron-image-1" style="background-image:url('http://www.gcpedia.gc.ca/gcwiki/images/1/1b/ATIBanner.png?dpr=2&auto=format&fit=crop&w=1080&h=810&q=80&cs=tinysrgb&crop=&bg=')">
 
            <div class="container">
 
              <div class="row">
 
                    <div class="col-sm-offset-1 col-sm-10">
 
                <h1>Access to Information Home</h1>
 
                <p>This page provides the status of Bill C-58 and navigation to specific elements of <abbr title="An Act to amend the Access to Information Act and the Privacy Act and to make consequential amendments to other Acts">Bill C-58</abbr> and the <i>Access to Information Act</i></p>
 
                  </div>
 
                </div>
 
            </div>
 
        </div>
 
 
        <!-- content -->
 
        <section class="home">
 
            <div class="container">
 
                <div class="row">
 
                    <div class="col-sm-offset-1 col-sm-10">
 
                        <div class="row">
 
                            <!-- Basic paragraph UI -->
 
                            <div class="col-sm-12">
 
                                <h2><b>Status of <abbr title="An Act to amend the Access to Information Act and the Privacy Act and to make consequential amendments to other Acts">Bill C-58</abbr></b></h2>
 
                                <div class="well">The current status of <abbr title="An Act to amend the Access to Information Act and the Privacy Act and to make consequential amendments to other Acts">Bill C-58</abbr> can be seen on <a href="http://www.parl.ca/LegisInfo/BillDetails.aspx?Language=en&Mode=1&billId=9057528&View=0" target="_blank">LEGISinfo.</a><br><br>The text of <abbr title="An Act to amend the Access to Information Act and the Privacy Act and to make consequential amendments to other Acts">Bill C-58</abbr> can be seen on the <a href="http://www.parl.ca/DocumentViewer/en/42-1/bill/C-58/third-reading" target="_blank">Parliament of Canada website.</a></div>
 
                                <h2><b>Access to Information Act</b></h2>
 
<div class="well">The <i>Access to Information Act</i> can be found <a href="http://laws-lois.justice.gc.ca/eng/acts/a-1/" target="_blank">here</a></div>
 
                                <h2>Access to Information Regulations</b></h2>
 
<div class="well">IPPD is working on updating Access to Information Regulations. More information on Access to Information Regulations can be found <a href="http://www.gcpedia.gc.ca/wiki/ATI/Reg">here.</a></div>
 
                                <h2><b>Access to Information Policies</b></h2>
 
<div class="well">Currently, IPPD is working on updating the:<br><li><i>Policy on Access to Information</i></li>
 
<li><i>Directive on the Administration of the Access to Information Act</i></li><br>More information on the Access to Information policies can be found <a href="http://www.gcpedia.gc.ca/wiki/ATI/Pol">here.</a></div>
 
                                <h2><b>Proactive Publication</b></h2>
 
<div class="well">Information on both existing and new proactive publication requirements, including tools, upcoming events, support, and Q&As can be found <a href="http://www.gcpedia.gc.ca/wiki/ATI/PP">here.</a></div>
 
                                            </div>
 
                                        </div>
 
                                    </div>
 
                                </div>
 
                            </div>
 
      </section>
 
 
      <!-- footer -->
 
      <section class="footer">
 
        <div class="container">
 
          <div class="row">
 
            <div class="col-sm-12">
 
              <div class="footer-nav">
 
                <a class="lead" href="http://www.gcpedia.gc.ca/wiki/ATI">ATI Home</a> <a class="lead">|</a>
 
                <a class="lead" href="http://www.gcpedia.gc.ca/wiki/ATI/Reg">ATI Regulations</a> <a class="lead">|</a>
 
                <a class="lead" href="http://www.gcpedia.gc.ca/wiki/ATI/Pol">ATI Policy</a> <a class="lead">|</a>
 
                <a class="lead" href="http://www.gcpedia.gc.ca/wiki/ATI/PP">Proactive Publication</a> <a class="lead">|</a>
 
                <a class="lead" href="http://www.gcpedia.gc.ca/wiki/AI">FR</a>
 
              </div>
 
            </div>
 
                          </div>
 
            </div>
 
      </section>
 
 
    </section>
 
 
 
  </body>
 
 
</html>
 

Latest revision as of 13:31, 18 July 2018

<html> <head> <title>Hello Wiki</title> </head> <body> <section>

Hello Wiki

Lorem ipsum dolar sit amet

</section> <section>

Extra Large Headings

Section Headings

Sub-Sections & Calls to Action

SubSubs & Smaller Notes

H5 (with link)
Tiny Captions

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempor, urna at convallis tincidunt, quam dolor varius nibh, id iaculis sem nisi non est. Praesent pellentesque risus ut lorem elementum sagittis. Curabitur lectus quam, elementum quis faucibus in, lobortis sed felis. Morbi massa nunc, aliquam ut tincidunt sed, dictum non urna. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse sollicitudin ante et nulla pretium a consectetur erat rutrum. Sed interdum risus ut tellus consequat varius.

Aenean ipsum tellus, euismod a scelerisque et, pretium aliquam elit. Nunc sed enim tellus. Proin vel sem massa. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed ut ipsum eu turpis auctor aliquam. Etiam eu nisi a mauris ornare dapibus sed ac odio. Nunc accumsan placerat vestibulum. Pellentesque ut imperdiet urna. Vestibulum vitae auctor purus.


  • List Item
  • List Item
  • List Item
  1. List Item
  2. List Item
  3. List Item

Blockquote. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempor, urna at convallis tincidunt, quam dolor varius nibh, id iaculis sem nisi non est.

Table Header
Lorem Ipsum Dolar Sit Amet
Lorem Ipsum Dolar Sit Amet
Lorem Ipsum Dolar Sit Amet