Difference between revisions of "Team:Queens Canada/HP/Gold Integrated"

 
(39 intermediate revisions by one other user not shown)
Line 1: Line 1:
 
{{Queens Canada/Header}}
 
{{Queens Canada/Header}}
 
{{Queens Canada/Navbar}}
 
{{Queens Canada/Navbar}}
−
 
 
<html>
 
<html>
 
<head>
 
<head>
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 
<style>
 
<style>
−
 
 
body {
 
body {
−
background-color: white;
+
    background-color: white;
 +
    margin-top: 50px;
 +
max-width: 1200px;
 +
    position: relative;
 +
    margin-left: auto;
 +
    margin-right: auto;
 
}
 
}
 +
</style>
 +
</head>
  
−
/* Create two equal columns that floats next to each other */
+
<body>
−
.column {
+
−
    float: left;
+
−
    width: 50%;
+
−
    padding: 10px;
+
−
    height: 300px; /* Should be removed. Only for demonstration */
+
−
}
+
  
−
/* Clear floats after the columns */
+
<h1> Integrated Human Practices</h1>
−
.row:after {
+
−
    content: "";
+
−
    display: table;
+
−
    clear: both;
+
−
}
+
−
</style>
+
  
−
<body>
+
<p>Text</p>
  
−
<h1>Integrated Human Practices</h1>
+
<br>
 +
<h2>123</h2>
  
−
<div class="row">
+
<br>
−
  <div class="column" style="background-color:#aaa;">
+
<h2>456</h2>
−
    <h2>Column 1</h2>
+
<br>
−
    <p>Some text..</p>
+
−
  </div>
+
−
  <div class="column" style="background-color:#bbb;">
+
−
    <h2>Column 2</h2>
+
−
    <p>Some text..</p>
+
−
  </div>
+
−
  <div class="column" style="background-color:#ccc;">
+
−
    <h2>Column 2</h2>
+
−
    <p>Some text..</p>
+
−
  </div>
+
−
</div>
+
  
 
</body>
 
</body>
  
 
</html>
 
</html>

Latest revision as of 18:09, 16 August 2018

Integrated Human Practices

Text


123


456