Line 78:
Line 78:
<li><b>Creating a new file</b> : Right click on the project folder "GCwiki" and select new file. Enter an appropriate filename with an ending of ".html" such as "EN - Example.html". Use this newly created file to write all the code for the technology brief.</li>
<li><b>Creating a new file</b> : Right click on the project folder "GCwiki" and select new file. Enter an appropriate filename with an ending of ".html" such as "EN - Example.html". Use this newly created file to write all the code for the technology brief.</li>
<li><b>Adding the template's code</b> : Navigate to the [https://wiki.gccollab.ca/Technology_Trends template] page. On the upper navigation bar, select "view source" or, if you are logged in, "edit source". From there, copy and paste the [https://wiki.gccollab.ca/Technology_Trends template]'s code to your file. This template offers all the technology brief empty code.</li>
<li><b>Adding the template's code</b> : Navigate to the [https://wiki.gccollab.ca/Technology_Trends template] page. On the upper navigation bar, select "view source" or, if you are logged in, "edit source". From there, copy and paste the [https://wiki.gccollab.ca/Technology_Trends template]'s code to your file. This template offers all the technology brief empty code.</li>
−
<li><b>Adjusting the template's code</b> : Before starting to publish the technology brief content, you need to adjust the template's information. All comments in the brackets "<!-- comment --> need to be replace by the corresponding information. Don't forget to use the underscore (_) when using links and files</li>
+
<li><b>Adjusting the template's code</b> : Before starting to publish the technology brief content, you need to adjust the template's information. All comments in the brackets "<nowiki><!-- comment --></nowiki> need to be replace by the corresponding information. Don't forget to use the underscore (_) when using links and files</li>
</ul>
</ul>
Line 110:
Line 110:
</ul>
</ul>
−
<h2>Code Tutorial</h2>
+
<h2>HTML and CSS Fundamental</h2>
+
<p>This section offers a basic understanding of HTML. This markup language is designed to be displayed in web browser.</p>
+
<div class="container">
+
<div class="row" style="background-color: aqua">
+
<div class="col-sm-6">
+
<nowiki>This is <span style="color:red;">red</span> text.</nowiki>
+
<nowiki>This is <span style="color:red;">red</span> text.</nowiki>
+
<nowiki>This is <span style="color:red;">red</span> text.</nowiki>
+
</div>
+
<div class="col-sm-6">
+
<p>This is <span style="color:red;">red</span> text.</p>
+
</div>
+
</div>
+
</div>
+
<h2>Technology Trend Publishing</h2>
<h2>Technology Brief</h2>
<h2>Technology Brief</h2>