Changes

no edit summary
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>