Latest revision as of 10:11, 20 April 2023

A playground, sandbox, test zone for Marc B and Thian. :-) <script async src="https://www.googletagmanager.com/gtag/js?id=G-9FPK3M5Y7K"></script> <script>

 window.dataLayer = window.dataLayer || [];
 function gtag(){dataLayer.push(arguments);}
 gtag('js', new Date());

 gtag('config', 'G-9FPK3M5Y7K');

</script> <html> <body> <head>

</head>

My First Heading

My first paragraph.

</body> </html>

@@ Line 1: / Line 1: @@
-<div class="left">
+A playground, sandbox, test zone for Marc B and Thian. :-)
-    <p>I have updated this example to show a great way of getting a two column layout.</p>
+<!-- Google tag (gtag.js) -->
-</div>
+<script async src="https://www.googletagmanager.com/gtag/js?id=G-9FPK3M5Y7K"></script>
-<div class="right">
+<script>
-    <ul>
+  window.dataLayer = window.dataLayer || [];
-        <li>The columns are in the right order semantically</li>
+  function gtag(){dataLayer.push(arguments);}
-        <li>You don't have to float both columns</li>
+  gtag('js', new Date());
-        <li>You don't get any odd wrapping behaviour</li>
-        <li>The columns are fluid to the available page...</li>
-        <li>They don't have to be fluid to the available page - but any container!</li>
-    </ul>
-</div>
-.left {
+  gtag('config', 'G-9FPK3M5Y7K');
-    background-color: Red;
+</script>
-    float: left;
+<html>
-    width: 50%;
+<body>
-}
+<head>
-.right {
+</head>
-    background-color: Aqua;
+<h1>My First Heading</h1>
-    margin-left: 50%;
+<p>My first paragraph.</p>
-}
-{{M365}}
+</body>
+</html>
-<div class="row">
-<div class="column"></div>
-[[File:English_button_2.PNG|150px|link=https://wiki.gccollab.ca/M365/Home|alt="M365 Home]]
-<div class="column"></div>
-[[File:French_button_2.PNG|150px|link=https://wiki.gccollab.ca/M365/Accueil|alt="M365 Accuel]]
-</div>