Difference between revisions of "ESim/C2/Laying-Tracks-on-PCB/English"

Revision as of 18:32, 23 July 2019

Visual cue	Narration
Show Slide: Opening Slide	Welcome to the spoken tutorial on “Laying Tracks on Printed Circuit Board”.
Show Slide: Learning Objectives	In this tutorial, we will learn to -* Place tracks on printed circuit board. Add dimension and text on Silkscreens. Generate Gerber files and view them.
Show Slide: Systems Requirements	This tutorial is recorded using -* Ubuntu Linux OS version 16.04 eSim version 1.1.2
Show Slide: Prerequisites	To practice this tutorial, you should know to: * Read a PCB netlist. Draw outline and setup design parameters for a board. Move and orient footprints. If not, see the prerequisite eSim tutorials on this website.
eSim main window:	I have already opened eSim on my machine.
eSim main window:	Let us open example 7805VoltageRegulator. I have saved this on my Desktop.
	I have already read the netlist, created an outline and set the design parameters.
Click on Open Project >> Navigate to Desktop location >> Click on 7805VoltageRegulator >> Click Open	Click on Open Project from the left toolbar. And navigate to the location where you have saved this. I will browse to Desktop. Click on 7805VoltageRegulator. Click on the Open button at the bottom right corner of this window.
eSim main window : Click on Open Schematic	Click on Open Schematic button on the left toolbar, to open the schematic.
eSim Schematic window: Press F1 >> Click on Tools >> select Layout Printed Circuit Board	Using F1 I will zoom into the schematic. Click on Tools button at the top toolbar, and select Layout Printed Circuit Board. Let me resize this window.
Pcbnew window: Hover cursor over airwires	I have moved and oriented the footprints, such that there is minimum intersection between airwires. Let us see how to convert the airwires into tracks.
Pcbnew window: Hover mouse over B.Cu text >> Click on B.Cu text Hover mouse over blue arrow next to B.Cu	Under the Layer tab on the right side of the Pcbnew window, click on B.Cu once. Layer selected will be indicated by a blue arrow on the left side of B.Cu.
Pcbnew window: Click on Place >> select Track	Click on Place button in the top toolbar, and select Track from the menu.
Pcbnew window: Use scroll keys to zoom in	Let us place tracks for connecting the capacitor C2 to the output terminal J2. I will zoom into the layout screen.
Pcbnew window: Click on node 1 of C2 >> Drag the cursor till node 1 of J2 >> Double click on node 1 of J2	Click on node 1 of C2. Let us drag this track from node 1 of C2 to node 1 of J2, by dragging the cursor till node 1 of J2. Double-click on node 1 of J2 to complete the track.
Pcbnew window: Press esc key Hover cursor over GND label	Similarly connect all the other nodes except the Ground nodes. Press Esc key to exit the Place Track tool. Ground nodes are denoted by GND designation.
	Let us place a ground plane to connect all the ground nodes.
Pcbnew window: Click on Add filled zones.	Click on Add filled zones button located at the right side of the Pcbnew window.
Pcbnew window: Click once, slightly above the top-left corner of the board outline.	Click once, slightly above the top-left corner of the board outline.
Copper Zone Properties window: Click on B.Cu under Layer column Click on GND under Net column	Let us place the ground plane on Bottom Copper layer. To do so, click on B.Cu under Layer column. Click on GND under Net column.
Click on OK	Click on OK button at the bottom right corner of the Copper Zone Properties window.
Pcbnew window: Drag the cursor towards right, horizontally Click once slightly above top-right vertex of the outline.	Drag the cursor with the pencil icon horizontally towards the right. Click once, slightly above the top-right vertex of the outline.
Pcbnew window: Move the cursor vertically towards the bottom-left vertex of the board >> Click once on the editor after crossing the bottom-left vertex.	Let us move this cursor vertically, towards the bottom-right vertex of the board. Click once slightly below bottom-right vertex.
Pcbnew window: Press esc key Hover cursor over board outline >> Hover cursor over ground plane outline.	Similarly, we will draw a rectangular ground plane outline around board outline. Press esc key to exit the ground plane outline tool Please do not confuse board outline with ground plane outline.
Pcbnew window: Hover cursor over ground plane outline >> Hover cursor over ground plane outline and board outline.	I have completed the ground plane outline. Note that the ground plane outline should lie outside the board outline.
Pcbnew window : Right-click inside the board outline. Click on Fill or Refill all zones Hover cursor over ground plane	Right-click inside the board outline. Click on Fill or Refill all zones button from the menu. We have added a ground plane to the board.
Press esc key	Press Esc key to exit the Add filled zones tool.
	Let us now perform Design Rule Check i.e DRC, for the layout we created. It checks whether the design created is compliant with the Design Rules set earlier.
Pcbnew window: Click on Perform design rules check	Click on Perform Design Rules check present at the top of the Pcbnew toolbar.
DRC Control window: Click on Start DRC Hover mouse over Error Messages:	Click on Start DRC. This checks if any design element violates the design parameters set earlier. If there are any design errors, they will be displayed in Error Messages window. In my case, there are no errors.
DRC Control window: Click OK	Click OK button at the bottom right corner to exit the DRC Control window.
	Now let us see how to add text on our board.
Pcbnew window: Click on F.Silks from the right toolbar Click on Place from the top toolbar and select Text from the dropdown menu Click once on Pcbnew window	Let us click on F.Silks layer to place text on the Front Silk Layer. Click on Place button from top toolbar and select Text option from the dropdown menu. Click once on the Pcbnew window.
Text Properties window: Type 7805VoltageRegulator in the Text window. Click on OK	I will type 7805VoltageRegulator in the Text window. click on OK button at the bottom right corner of the Text Properties window.
Pcbnew window: Click once at the bottom right corner of layout screen. Press F2 or use scroll keys to zoom out and hover cursor over the text.	The typed text will be tied to the cursor. Drag cursor to bottom right corner of the layout screen and click once. We can see the text is placed in light blue color.
	Please make sure to click inside the board outline. Now let us see how to add dimensions to our board design.
Pcbnew window: Click on Margin layer from the right toolbar Click on Place from the top toolbar and select Dimension from the menu	Click on Margin layer. Click on Place at top toolbar and select Dimension option.
Pcbnew window: Click once the top-right vertex of the board layout Drag the cursor towards the bottom right vertex in a straight line. Press Enter key twice	Click once on either vertex of the board layout. I have chosen the top-right vertex. Let us drag the cursor towards the bottom right vertex in a straight line. Press Enter key twice. The dimension will be placed for the vertical edge of the board.
Pcbnew window: Hover cursor over horizontal dimension	We will perform similar steps for placing horizontal dimension of the layout.
Pcbnew window: Press Ctrl and S key together	Let us press Ctrl and S keys together to save the work. Let us now create gerber files for this board.
Pcbnew window: Click on Plot(HPGL, PostScript or Gerber format) icon	Click on Plot button at the top of the Pcbnew toolbar.
Plot window: Click on the tab below : Plot format. >> select Gerber. >> Hover mouse over Layers tab >> Click on boxes to the left of F.Cu, B.Cu, Margin, F.Silks and Edge.Cuts layers from the provided layer options.	Click on the tab below Plot format. Select Gerber out of the 6 options. Let us select the layers for which we want the gerber files. I will select F.Cu, B.Cu, Margin, F.Silks and Edge.Cuts by clicking on the boxes to the left.
Plot window: Click on Browse button	Click on Browse button at the top right of Plot window.
Select Output Directory window: Browse to desired directory >> Click on Desktop>>double click on 7805VoltageRegulator Click on Open. Click on No	Let us navigate to the desired directory where we want to save the gerber files. Click on Desktop, double click on 7805VoltageRegulator. Click on Open button at bottom right corner of Select Output Directory window. Click on No button of Plot Output Directory window.
Text box on the Plot Window: Select the other options as shown here
Plot window: Click on Plot button located at the bottom of Plot window.	Click on Plot button at the bottom of the Plot window.
Messages window: Hover cursor over the messages appeared in the Messages window	Acknowledgement messages will appear in the Messages window.
	Let us generate the drill file in gerber format for our designed board.
Plot window: Click on Generate Drill File	Click on Generate Drill File at the bottom of the Plot window.
Drill Files Generation window: Click on Browse Browse to the desired directory location Click Open	Click on Browse button at top right corner of Drill Files Generation window. I will navigate to Desktop/7805VoltageRegulator Click on Open button at the bottom right corner of Drill Files Generation window.
Plot Output Directory window: Click on No	If Plot Output Directory window appears, click on No button in the middle of Plot Output Directory window.
Plot window: Click on Gerber option at middle of Drill Files Generation window	Click on Gerber option placed in the middle of Drill Files Generation window if not selected.
Text box on the Drill Files Generation Window: Select the other options as shown here	We will leave the rest of the settings as they are.
Drill Files Generation window: Click on Drill File	Click on Drill File option present at the right side of Drill Files Generation window.
Drill Files Generation window: Hover mouse over Messages window	An acknowledgement message will appear in the Messages window.
Drill Files Generation window: Click on Close	Click on Close button at the bottom right corner of Drill Files Generation window.
Plot window: Click on Close	Click on Close button at the bottom right corner of Plot window.
Pcbnew window: Press Ctrl and S key at the same time.	Let us save our work by pressing Ctrl and S keys simultaneously.
System Computer: Press Ctrl, Alt and T keys together Textbox on the Terminal: Windows OS users, click on start -> type “Gerbview” in the search bar and open the Gerbview application	Now we will view the gerbers created. Open the terminal by pressing Ctrl, Alt and T keys together.
Terminal : Type gerbview >> Press Enter	Type gerbview and press Enter key.
Gerbview window : Click on File>> select Load Gerber File	Click on File from the top left corner, and select Load Gerber File option.
Open Gerber File window : Browse to the directory where you saved your gerber files earlier.	Let us browse to directory where we have saved the gerber files. I will click on Desktop, and then double-click on 7805VoltageRegulator.
Press Ctrl and A keys at the same time. Click on Open	Press Ctrl and A keys at the same time to select all the gerber files. Click on Open button at the bottom right corner of the Open Gerber file window.
Gerbview window : Hover mouse over the PCB layout in Gerber Format	We can see the PCB Layout we created in Gerber format.
	Let us see how the board we designed looks like in real.
Show image Image1.jpg	This is the FR4 grade copper cladded sheet on which we will transfer our design to.
Show image Image2.jpg	After etching and drilling appropriate holes, this is how the board will look. Components can now be mounted and soldered on this board.
Show image Image3.jpg	This is how the board looks after components are soldered on it.
	With this, we come to the end of this tutorial. Let us summarize.
Show Slide: Summary	In this tutorial, we learnt to :* Place tracks on printed circuit board. Add dimension and text on Silkscreens. Generate Gerber files and view them.
Show Slide: Forum	Please post your timed queries in this forum.
Show Slide: FOSSEE Forum	Please post your general queries on eSim in this forum.
Show Slide: Textbook Companion	FOSSEE team coordinates the TBC project.
Show Slide: Acknowledgment http://spoken-tutorial.org	Spoken Tutorial Project is funded by NMEICT, MHRD, Govt. of India. For more details, visit this website.
Thank you Slide	This is Saurabh from IIT Bombay, signing off. Thank you.

Contributors and Content Editors

Nancyvarkey, PoojaMoolya, Saurabhbansode

Difference between revisions of "ESim/C2/Laying-Tracks-on-PCB/English"

Revision as of 18:32, 23 July 2019

Contributors and Content Editors

Navigation menu

Personal tools

Namespaces

Variants

Views

Actions

Search

Navigation

Tools

@@ Line 2: / Line 2: @@
-{| border=1
+{| border="1"
 |- style="border:1pt solid #000000;padding:0.176cm;"
 | style="color:#000000;" | '''Visual cue'''
 | style="color:#000000;" | '''Narration'''
 |- style="border:1pt solid #000000;padding:0.176cm;"
-||'''Show Slide:'''
+|| <div style="color:#000000;">'''Show Slide:'''</div>
-Opening Slide
+<div style="color:#000000;">Opening Slide</div>
-||Welcome to the '''spoken tutorial '''on “'''Laying Tracks on Printed Circuit Board'''”.
+|| <span style="color:#000000;">Welcome to the </span><span style="color:#000000;">'''spoken tutorial '''</span><span style="color:#000000;">on “</span><span style="color:#000000;">'''Laying Tracks on Printed Circuit Board'''</span><span style="color:#000000;">”</span><span style="color:#000000;">.</span>
 |- style="border:1pt solid #000000;padding:0.176cm;"
-||'''Show Slide:'''
+|| <div style="color:#000000;">'''Show Slide:'''</div>
+<div style="color:#000000;">Learning Objectives</div>
+|| <span style="color:#000000;">In this tutorial, we will learn</span><span style="color:#000000;"> </span><span style="color:#000000;">to -</span>* <div style="color:#000000;">Place '''tracks''' on '''printed circuit board.'''</div>
+* <div style="color:#000000;">Add dimension and text on '''Silkscreens.'''</div>
+* <div style="color:#000000;">Generate '''Gerber files '''and '''view''' them.</div>
-Learning Objectives
-||In this tutorial, we will learn to -
-* Place '''tracks''' on '''printed circuit board.'''
-* Add dimension and text on '''Silkscreens.'''
-* Generate '''Gerber files '''and '''view''' them.
 |- style="border:1pt solid #000000;padding:0.176cm;"
-||'''Show Slide:'''
+||
+<div style="color:#000000;">'''Show Slide:'''</div>
+<div style="color:#000000;">Systems Requirements</div>
+|| This tutorial is recorded using -* <div style="color:#000000;">'''Ubuntu Linux OS version 16.04'''</div>
+* <div style="color:#000000;">'''eSim '''version '''1.1.2'''</div>
-Systems Requirements
-||This tutorial is recorded using -
-* '''Ubuntu Linux OS version 16.04'''
-* '''eSim ''' version  '''1.1.2'''
 |- style="border:1pt solid #000000;padding:0.176cm;"
-||'''Show Slide:'''
+||
-Prerequisites
+<div style="color:#000000;">'''Show Slide:'''</div>
-||To practice this tutorial, you should know to:
-* Read a '''PCB netlist.'''
-* Draw '''outline''' and setup '''design parameters''' for a '''board'''.
-* Move and orient '''footprints'''.
+<div style="color:#000000;">Prerequisites</div>
+|| <div style="color:#000000;">To practice this tutorial, you should know to:</div>* <div style="color:#000000;">Read a '''PCB netlist.'''</div>
+* <div style="color:#000000;">Draw '''outline''' and setup '''design parameters''' for a '''board'''.</div>
+* <div style="color:#000000;">Move and orient '''footprint'''s.</div>
-If not, see the prerequisite '''eSim''' tutorials on this website.
-|- style="border:1pt solid #000000;padding:0.176cm;"
-||'''eSim main ''' window:
-||I have already opened '''eSim''' on my machine.
+<div style="color:#000000;">If not, see the prerequisite eSim tutorials on this website.</div>
 |- style="border:1pt solid #000000;padding:0.176cm;"
-|| '''eSim main ''' window.
+|| <span style="color:#000000;">'''eSim main '''</span><span style="color:#000000;">window</span><span style="color:#000000;">''':'''</span>
+|| <span style="color:#000000;">I have already opened</span><span style="color:#000000;"> </span><span style="color:#000000;">'''eSim'''</span><span style="color:#000000;"> </span><span style="color:#000000;">on my machine</span><span style="color:#000000;">'''.'''</span>
+|- style="border:1pt solid #000000;padding:0.176cm;"
+|| <span style="color:#000000;">'''eSim main '''</span><span style="color:#000000;">window</span><span style="color:#000000;">''':'''</span>
-|| Let us open example '''7805VoltageRegulator.'''
-I have saved this on my '''Desktop'''.
+|| <span style="color:#000000;">Let us open example </span><span style="color:#000000;">'''7805VoltageRegulator.'''</span>
+<span style="color:#000000;">I have saved this on my </span><span style="color:#000000;">'''Desktop'''</span><span style="color:#000000;">.</span>
 |- style="border:1pt solid #000000;padding:0.176cm;"
 ||
-||I have already read the '''netlist''', created an '''outline''' and set the '''design parameters'''.
+|| <span style="color:#000000;">I have already read the </span><span style="color:#000000;">'''netlist'''</span><span style="color:#000000;">, created an </span><span style="color:#000000;">'''outline'''</span><span style="color:#000000;"> </span><span style="color:#000000;">and</span><span style="color:#000000;"> </span><span style="color:#000000;">set the </span><span style="color:#000000;">'''design parameters'''</span><span style="color:#000000;">.</span>
 |- style="border:1pt solid #000000;padding:0.176cm;"
-||Click on '''Open Project '''
+|| <span style="color:#000000;">Click on </span><span style="color:#000000;">'''Open Project&nbsp;'''</span>
+<div style="color:#000000;">>></div>
-Navigate to '''Desktop '''location
+<span style="color:#000000;">Navigate to </span><span style="color:#000000;">'''Desktop '''</span><span style="color:#000000;">location</span>
+<span style="color:#000000;">&nbsp;</span><span style="color:#000000;">>></span>
-Click on'''7805VoltageRegulator '''
+<span style="color:#000000;">Click on </span><span style="color:#000000;">'''7805VoltageRegulator&nbsp;'''</span>
-Click '''Open'''
+<div style="color:#000000;">>></div>
-||Click on '''Open Project '''from the left toolbar.
+<span style="color:#000000;">Click </span><span style="color:#000000;">'''Open'''</span>
+|| <span style="color:#000000;">Click on </span><span style="color:#000000;">'''Open Project '''</span><span style="color:#000000;">from the left toolbar.</span>
-And navigate to the location where you have saved this.
-I will browse to '''Desktop.'''
+<span style="color:#000000;">And navigate to the location where you have saved this</span><span style="color:#000000;">'''.'''</span><span style="color:#000000;">&nbsp;</span>
+<span style="color:#000000;">I will browse to </span><span style="color:#000000;">'''Desktop.'''</span>
-Click on''' 7805VoltageRegulator.'''
+<span style="color:#000000;">Click on</span><span style="color:#000000;"> </span><span style="color:#000000;">'''7805VoltageRegulator.'''</span>
-Click on the '''Open '''button at the bottom right corner of this window.
-|- style="border:1pt solid #000000;padding:0.176cm;"
-||'''eSim main''' window :
-Click on '''Open Schematic'''
+<span style="color:#000000;">Click on the </span><span style="color:#000000;">'''Open '''</span><span style="color:#000000;">button at the bottom right corner of this window</span><span style="color:#000000;">'''.'''</span>
-||Click on '''Open Schematic button ''' on the left toolbar, to open the '''schematic'''.
+|- style="border:1pt solid #000000;padding:0.176cm;"
+|| <div style="color:#000000;">'''eSim main window :&nbsp;'''</div>
+<span style="color:#000000;">Click on</span><span style="color:#000000;"> </span><span style="color:#000000;">'''Open Schematic'''</span>
+|| <span style="color:#000000;">Click on </span><span style="color:#000000;">'''Open Schematic button '''</span><span style="color:#000000;">on the left toolbar,</span><span style="color:#000000;"> </span><span style="color:#000000;">to open the </span><span style="color:#000000;">'''schematic'''</span><span style="color:#000000;">.</span>
 |- style="border:1pt solid #000000;padding:0.176cm;"
-||'''eSim Schematic window: '''
+|| <div style="color:#000000;">'''eSim Schematic window:&nbsp;'''</div>
-Press '''F1'''
+<span style="color:#000000;">Press </span><span style="color:#000000;">'''F1'''</span>
-Click on '''Tools >> '''select '''Layout Printed Circuit Board'''
+<span style="color:#000000;">>> Click on </span><span style="color:#000000;">'''Tools >> '''</span><span style="color:#000000;">select </span><span style="color:#000000;">'''Layout Printed Circuit Board'''</span>
-|| Using '''F1 '''I will zoom into the '''schematic'''.
+|| <span style="color:#000000;">Using </span><span style="color:#000000;">'''F1 '''</span><span style="color:#000000;">I will zoom into the </span><span style="color:#000000;">'''schematic'''</span><span style="color:#000000;">.</span>
-Click on '''Tools''' button at the top toolbar, and select '''Layout Printed Circuit Board'''.
+<span style="color:#000000;">Click on </span><span style="color:#000000;">'''Tools'''</span><span style="color:#000000;"> </span><span style="color:#000000;">button at the top toolbar, and select </span><span style="color:#000000;">'''Layout Printed Circuit Board'''</span><span style="color:#000000;">.</span>
-Let me resize this window.
+<div style="color:#000000;">Let me resize this window.</div>
 |- style="border:1pt solid #000000;padding:0.176cm;"
-||'''Pcbnew '''window:
+|| <span style="color:#000000;">'''Pcbnew '''</span><span style="color:#000000;">window:</span>
-Hover cursor over '''airwires'''
+<span style="color:#000000;">Hover cursor over </span><span style="color:#000000;">'''airwires'''</span>
-||I have moved and oriented the '''footprints''', such that there is minimum intersection between '''airwires'''.
+|| <span style="color:#000000;">I have moved and oriented the </span><span style="color:#000000;">'''footprint'''</span><span style="color:#000000;">s, such that there is minimum intersection between </span><span style="color:#000000;">'''airwires'''</span><span style="color:#000000;">.</span>
-Let us see how to convert the  '''airwires''' into  '''tracks.'''
+<span style="color:#000000;">Let us see how to convert the </span><span style="color:#000000;">'''airwires'''</span><span style="color:#000000;"> </span><span style="color:#000000;">into </span><span style="color:#000000;">'''tracks.'''</span>
 |- style="border:1pt solid #000000;padding:0.176cm;"
-||'''Pcbnew ''' window.
+|| <span style="color:#000000;">'''Pcbnew '''</span><span style="color:#000000;">window</span><span style="color:#000000;">''':'''</span>
-Hover mouse over  '''B.Cu ''' text
+<span style="color:#000000;">Hover mouse over </span><span style="color:#000000;">'''B.Cu '''</span><span style="color:#000000;">text</span>
->>Click on '''B.Cu ''' text
+<span style="color:#000000;">>> Click on</span><span style="color:#000000;"> </span><span style="color:#000000;">'''B.Cu '''</span><span style="color:#000000;">text</span>
-Hover mouse over  '''blue arrow ''' next to  '''B.Cu'''
-|| Under the  '''Layer''' tab on the right side of the  '''Pcbnew window, ''' click on '''B.Cu ''' once.
+<span style="color:#000000;">Hover mouse over </span><span style="color:#000000;">'''blue arrow '''</span><span style="color:#000000;">next to </span><span style="color:#000000;">'''B.Cu'''</span>
+||
-'''Layer''' selected will be indicated by a  blue arrow on the left side of  '''B.Cu'''.
+<span style="color:#000000;">Under the </span><span style="color:#000000;">'''Layer'''</span><span style="color:#000000;"> </span><span style="color:#000000;">tab on the right side of the </span><span style="color:#000000;">'''Pcbnew window, '''</span><span style="color:#000000;">click on</span><span style="color:#000000;"> </span><span style="color:#000000;">'''B.Cu '''</span><span style="color:#000000;">once.</span>
-|- style="border:1pt solid #000000;padding:0.176cm;"
-||'''Pcbnew ''' window.
-Click on  '''Place >> ''' select '''Track '''
-||Click on  '''Place ''' button in the top toolbar, and select  '''Track ''' from the menu.
+<span style="color:#000000;">'''Layer'''</span><span style="color:#000000;"> </span><span style="color:#000000;">selected will be indicated by a </span><span style="color:#000000;">'''blue arrow'''</span><span style="color:#000000;"> </span><span style="color:#000000;">on the left side of </span><span style="color:#000000;">'''B.Cu'''</span><span style="color:#000000;">.</span>
 |- style="border:1pt solid #000000;padding:0.176cm;"
-||'''Pcbnew ''' window.
+|| <span style="color:#000000;">'''Pcbnew '''</span><span style="color:#000000;">window</span><span style="color:#000000;">''':'''</span>
+<span style="color:#000000;">Click on </span><span style="color:#000000;">'''Place >> '''</span><span style="color:#000000;">select</span><span style="color:#000000;"> </span><span style="color:#000000;">'''Track&nbsp;'''</span>
+|| <span style="color:#000000;">Click on </span><span style="color:#000000;">'''Place '''</span><span style="color:#000000;">button in the top toolbar, and select </span><span style="color:#000000;">'''Track '''</span><span style="color:#000000;">from the menu.</span>
+|- style="border:1pt solid #000000;padding:0.176cm;"
+|| <span style="color:#000000;">'''Pcbnew '''</span><span style="color:#000000;">window</span><span style="color:#000000;">''':'''</span>
-Use scroll keys to zoom in
-||Let us place  '''tracks''' for connecting the  '''capacitor''' '''C2''' to the  '''output terminal J2.'''
+<div style="color:#000000;">Use scroll keys to zoom in&nbsp;</div>
+|| <span style="color:#000000;">Let us place </span><span style="color:#000000;">'''tracks'''</span><span style="color:#000000;"> </span><span style="color:#000000;">for connecting the </span><span style="color:#000000;">'''capacitor'''</span><span style="color:#000000;"> </span><span style="color:#000000;">'''C2'''</span><span style="color:#000000;"> </span><span style="color:#000000;">to the </span><span style="color:#000000;">'''output terminal J2.'''</span><span style="color:#000000;">&nbsp;</span>
-I will zoom into the  '''layout screen.'''
+<span style="color:#000000;">I will zoom into the </span><span style="color:#000000;">'''layout screen.'''</span>
 |- style="border:1pt solid #000000;padding:0.176cm;"
-||'''Pcbnew ''' window.
+|| <span style="color:#000000;">'''Pcbnew '''</span><span style="color:#000000;">window</span><span style="color:#000000;">''':'''</span>
-Click on  '''node 1''' of  '''C2'''
+<span style="color:#000000;">Click on </span><span style="color:#000000;">'''node 1'''</span><span style="color:#000000;"> </span><span style="color:#000000;">of </span><span style="color:#000000;">'''C2'''</span>
->> Drag the cursor till '''node 1 of J2'''
+<div style="color:#000000;">>></div>
->> Double click on '''node 1 of J2'''
+<span style="color:#000000;">Drag the cursor till</span><span style="color:#000000;"> </span><span style="color:#000000;">'''node 1 of J2'''</span>
-|| Click on  '''node 1 ''' of '''C2.'''
+<div style="color:#000000;">>></div>
-Let us drag this  '''track''' from  '''node 1''' of  '''C2''' to  '''node 1 ''' of '''J2, ''' by dragging the cursor till  '''node 1 ''' of  '''J2.'''
+<span style="color:#000000;">Double click on</span><span style="color:#000000;"> </span><span style="color:#000000;">'''node 1 of J2'''</span>
+|| <span style="color:#000000;">Click on </span><span style="color:#000000;">'''node 1 '''</span><span style="color:#000000;">of</span><span style="color:#000000;"> </span><span style="color:#000000;">'''C2.'''</span>
-Double-click on '''node 1 ''' of '''J2 ''' to complete the  '''track'''.
+<span style="color:#000000;">Let us drag this </span><span style="color:#000000;">'''track'''</span><span style="color:#000000;"> </span><span style="color:#000000;">from </span><span style="color:#000000;">'''node 1'''</span><span style="color:#000000;"> </span><span style="color:#000000;">of </span><span style="color:#000000;">'''C2'''</span><span style="color:#000000;"> </span><span style="color:#000000;">to </span><span style="color:#000000;">'''node 1 '''</span><span style="color:#000000;">of</span><span style="color:#000000;"> </span><span style="color:#000000;">'''J2, '''</span><span style="color:#000000;">by dragging the cursor till </span><span style="color:#000000;">'''node 1 '''</span><span style="color:#000000;">of </span><span style="color:#000000;">'''J2.'''</span>
+<span style="color:#000000;">Double-click on</span><span style="color:#000000;"> </span><span style="color:#000000;">'''node 1 '''</span><span style="color:#000000;">of</span><span style="color:#000000;"> </span><span style="color:#000000;">'''J2 '''</span><span style="color:#000000;">to complete the </span><span style="color:#000000;">'''track'''</span><span style="color:#000000;">.</span>
 |- style="border:1pt solid #000000;padding:0.176cm;"
-|| '''Pcbnew ''' window.
+|| <span style="color:#000000;">'''Pcbnew '''</span><span style="color:#000000;">window</span><span style="color:#000000;">''':'''</span>
-Press  '''Esc ''' key
+<span style="color:#000000;">Press </span><span style="color:#000000;">'''esc '''</span><span style="color:#000000;">key</span>
-Hover cursor over '''GND label'''
+<span style="color:#000000;">Hover cursor over</span><span style="color:#000000;"> </span><span style="color:#000000;">'''GND label'''</span>
-||Similarly connect all the other  '''nodes''' except the  '''Ground nodes'''.
-Press  '''Esc ''' button to exit the  '''Place Track''' tool.
+|| <span style="color:#000000;">Similarly connect all the other </span><span style="color:#000000;">'''nodes'''</span><span style="color:#000000;"> </span><span style="color:#000000;">except the </span><span style="color:#000000;">'''Ground nodes'''</span><span style="color:#000000;">.</span>
-'''Ground nodes ''' are denoted by  '''GND ''' designation.
+<span style="color:#000000;">Press </span><span style="color:#000000;">'''Esc '''</span><span style="color:#000000;">key to exit the </span><span style="color:#000000;">'''Place Track'''</span><span style="color:#000000;"> </span><span style="color:#000000;">tool.</span>
+<span style="color:#000000;">'''Ground nodes '''</span><span style="color:#000000;">are denoted by </span><span style="color:#000000;">'''GND '''</span><span style="color:#000000;">designation.</span>
 |- style="border:1pt solid #000000;padding:0.176cm;"
 ||
-||Let us place a  '''ground plane''' to connect all the  '''ground nodes'''.
+|| <span style="color:#000000;">Let us place a </span><span style="color:#000000;">'''ground plane'''</span><span style="color:#000000;"> </span><span style="color:#000000;">to connect all the </span><span style="color:#000000;">'''ground nodes'''</span><span style="color:#000000;">.&nbsp;</span>
 |- style="border:1pt solid #000000;padding:0.176cm;"
-||'''Pcbnew ''' window.
+|| <span style="color:#000000;">'''Pcbnew '''</span><span style="color:#000000;">window</span><span style="color:#000000;">''':'''</span>
-Click on '''Add filled zones.'''
-|| Click on '''Add filled zones''' button located at the right side of the  '''Pcbnew window.'''
+<span style="color:#000000;">Click on</span><span style="color:#000000;"> </span><span style="color:#000000;">'''Add filled zones.'''</span>
+|| <span style="color:#000000;">Click on</span><span style="color:#000000;"> </span><span style="color:#000000;">'''Add filled zones'''</span><span style="color:#000000;"> </span><span style="color:#000000;">button</span><span style="color:#000000;"> </span><span style="color:#000000;">located at the right side of the </span><span style="color:#000000;">'''Pcbnew window.'''</span>
 |- style="border:1pt solid #000000;padding:0.176cm;"
-|| '''Pcbnew window:'''
+|| <span style="color:#000000;">'''Pcbnew '''</span><span style="color:#000000;">window</span><span style="color:#000000;">''':'''</span>
-Click once, slightly above the top-left corner of the  '''board''' outline.
-||Click once, slightly above the top-left corner of the  '''board''' outline.
+<span style="color:#000000;">Click once, slightly above the top-left corner of the </span><span style="color:#000000;">'''board outline'''</span><span style="color:#000000;">.</span>
+|| <span style="color:#000000;">Click once, slightly above the top-left corner of the </span><span style="color:#000000;">'''board outline'''</span><span style="color:#000000;">.</span>
 |- style="border:1pt solid #000000;padding:0.176cm;"
-||'''Copper Zone Properties''' window:
+|| <span style="color:#000000;">'''Copper Zone Properties'''</span><span style="color:#000000;"> </span><span style="color:#000000;">window:</span>
-Click on  '''B.Cu''' under '''Layer ''' column
+<span style="color:#000000;">Click on </span><span style="color:#000000;">'''B.Cu'''</span><span style="color:#000000;"> </span><span style="color:#000000;">under</span><span style="color:#000000;"> </span><span style="color:#000000;">'''Layer '''</span><span style="color:#000000;">column</span>
-Click on  '''GND''' under '''Net ''' column
+<span style="color:#000000;">Click on </span><span style="color:#000000;">'''GND'''</span><span style="color:#000000;"> </span><span style="color:#000000;">under</span><span style="color:#000000;"> </span><span style="color:#000000;">'''Net '''</span><span style="color:#000000;">column</span>
-||Let us place the  '''ground plane''' on  '''Bottom Copper''' '''layer'''.
+|| <span style="color:#000000;">Let us place the </span><span style="color:#000000;">'''ground plane'''</span><span style="color:#000000;"> </span><span style="color:#000000;">on </span><span style="color:#000000;">'''Bottom Copper'''</span><span style="color:#000000;"> </span><span style="color:#000000;">'''layer'''</span><span style="color:#000000;">.</span>
-To do so, click on  '''B.Cu''' under '''Layer ''' column.
+<span style="color:#000000;">To do so, click on </span><span style="color:#000000;">'''B.Cu'''</span><span style="color:#000000;"> </span><span style="color:#000000;">under</span><span style="color:#000000;"> </span><span style="color:#000000;">'''Layer '''</span><span style="color:#000000;">column.</span>
-Click on  '''GND''' under '''Net ''' column.
+<span style="color:#000000;">Click on </span><span style="color:#000000;">'''GND'''</span><span style="color:#000000;"> </span><span style="color:#000000;">under</span><span style="color:#000000;"> </span><span style="color:#000000;">'''Net '''</span><span style="color:#000000;">column.</span>
 |- style="border:1pt solid #000000;padding:0.176cm;"
-||Click on  '''OK'''
+|| <span style="color:#000000;">Click on </span><span style="color:#000000;">'''OK'''</span>
-||Click on  '''OK ''' button at the bottom right corner of the  '''Copper Zone Properties ''' window.
+|| <span style="color:#000000;">Click on </span><span style="color:#000000;">'''OK '''</span><span style="color:#000000;">button at the bottom right corner of the </span><span style="color:#000000;">'''Copper Zone Properties '''</span><span style="color:#000000;">window.</span>
 |- style="border:1pt solid #000000;padding:0.176cm;"
-||'''Pcbnew ''' window.
+|| <span style="color:#000000;">'''Pcbnew '''</span><span style="color:#000000;">window</span><span style="color:#000000;">''':'''</span>
-Drag the cursor towards right, horizontally
+<div style="color:#000000;">Drag the cursor towards right, horizontally</div>
-Click once slightly above top-right vertex of the outline.
+<div style="color:#000000;">Click once slightly above top-right vertex of the outline.</div>
-||Drag the cursor with the pencil icon horizontally towards the right.
+|| <div style="color:#000000;">Drag the cursor with the pencil icon horizontally towards the right.&nbsp;</div>
-Click once, slightly above the top-right vertex of the  outline.
+<span style="color:#000000;">Click once, slightly above the top-right vertex of the </span><span style="color:#000000;">'''outline'''</span><span style="color:#000000;">.</span>
 |- style="border:1pt solid #000000;padding:0.176cm;"
-||'''Pcbnew ''' window.
+|| <span style="color:#000000;">'''Pcbnew '''</span><span style="color:#000000;">window</span><span style="color:#000000;">''':'''</span>
-Move the cursor vertically towards the bottom-left vertex of the board
+<div style="color:#000000;">Move the cursor vertically towards the bottom-left vertex of the board</div>
->>Click once on the editor after crossing the bottom-left vertex.
+<div style="color:#000000;">>></div>
-||Let us move this cursor vertically, towards the bottom-right vertex of the  '''board'''.
+<div style="color:#000000;">Click once on the editor after crossing the bottom-left vertex.</div>
+|| <span style="color:#000000;">Let us move this cursor vertically, towards the bottom-right vertex of the </span><span style="color:#000000;">'''board'''</span><span style="color:#000000;">.</span>
+<div style="color:#000000;">Click once slightly below bottom-right vertex.</div>
-Click once slightly below bottom-right vertex.
 |- style="border:1pt solid #000000;padding:0.176cm;"
-||'''Pcbnew ''' window.
+|| <span style="color:#000000;">'''Pcbnew '''</span><span style="color:#000000;">window</span><span style="color:#000000;">''':'''</span>
-Hover cursor over  '''board outline >> ''' Hover cursor over  '''ground plane outline.'''
+<span style="color:#000000;">Press </span><span style="color:#000000;">'''esc '''</span><span style="color:#000000;">key</span>
-||Similarly, we will draw a rectangular  '''ground plane''' outline  around  '''board'''  outline.
-Please do not confuse '''board''' outline with '''ground plane'''  outline.
+<span style="color:#000000;">Hover cursor over </span><span style="color:#000000;">'''board outline >> '''</span><span style="color:#000000;">Hover cursor over </span><span style="color:#000000;">'''ground plane outline.'''</span>
+|| <span style="color:#000000;">Similarly, we will draw a rectangular </span><span style="color:#000000;">'''ground plane outline '''</span><span style="color:#000000;">around </span><span style="color:#000000;">'''board outline.'''</span>
+<span style="color:#000000;">Press </span><span style="color:#000000;">'''esc '''</span><span style="color:#000000;">key to exit the </span><span style="color:#000000;">'''ground plane outline'''</span><span style="color:#000000;"> </span><span style="color:#000000;">tool</span>
+<span style="color:#000000;">Please do not confuse</span><span style="color:#000000;"> </span><span style="color:#000000;">'''board outline '''</span><span style="color:#000000;">with</span><span style="color:#000000;"> </span><span style="color:#000000;">'''ground plane outline.'''</span>
 |- style="border:1pt solid #000000;padding:0.176cm;"
-||'''Pcbnew ''' window.
+|| <span style="color:#000000;">'''Pcbnew '''</span><span style="color:#000000;">window</span><span style="color:#000000;">''':'''</span>
+<span style="color:#000000;">Hover cursor over </span><span style="color:#000000;">'''ground plane outline&nbsp;'''</span>
-Hover cursor over  '''ground plane ''' outline
+<div style="color:#000000;">>></div>
->>Hover cursor over  '''ground plane ''' outline  and  '''board'''  outline.
+<span style="color:#000000;">Hover cursor over </span><span style="color:#000000;">'''ground plane outline'''</span><span style="color:#000000;"> </span><span style="color:#000000;">and </span><span style="color:#000000;">'''board'''</span><span style="color:#000000;"> </span><span style="color:#000000;">'''outline'''</span><span style="color:#000000;">.</span>
-||I have completed the  '''ground plane ''' outline.
+|| <span style="color:#000000;">I have completed the </span><span style="color:#000000;">'''ground plane outline.'''</span>
-Note that the '''ground plane'''  outline should lie outside the '''board''' outline.
+<span style="color:#000000;">Note that the</span><span style="color:#000000;"> </span><span style="color:#000000;">'''ground plane'''</span><span style="color:#000000;"> </span><span style="color:#000000;">'''outline'''</span><span style="color:#000000;"> </span><span style="color:#000000;">should lie outside the</span><span style="color:#000000;"> </span><span style="color:#000000;">'''board'''</span><span style="color:#000000;"> </span><span style="color:#000000;">'''outline'''</span><span style="color:#000000;">.</span>
 |- style="border:1pt solid #000000;padding:0.176cm;"
-||'''Pcbnew window :'''
+|| <div style="color:#000000;">'''Pcbnew window :'''</div>
-Right-click inside the  '''board''' outline.
+<span style="color:#000000;">Right-click inside the </span><span style="color:#000000;">'''board'''</span><span style="color:#000000;"> </span><span style="color:#000000;">'''outline'''</span><span style="color:#000000;">.</span>
-Click on  '''Fill or Refill All Zones'''
+<span style="color:#000000;">Click on </span><span style="color:#000000;">'''Fill or Refill all zones'''</span>
-Hover cursor over  '''ground plane'''
+<span style="color:#000000;">Hover cursor over </span><span style="color:#000000;">'''ground plane'''</span>
-||Right-click inside the  '''board''' outline.
-Click on  '''Fill or Refill All Zones ''' button from the menu.
+||
-We have added a  '''ground plane''' to the  '''board'''.
+<span style="color:#000000;">Right-click inside the </span><span style="color:#000000;">'''board'''</span><span style="color:#000000;"> </span><span style="color:#000000;">'''outline'''</span><span style="color:#000000;">.</span>
-|- style="border:1pt solid #000000;padding:0.176cm;"
-||Press  '''esc''' key
-||Press  '''Esc''' key to exit the  '''Add filled zones ''' tool.
+<span style="color:#000000;">Click on </span><span style="color:#000000;">'''Fill or Refill all zones '''</span><span style="color:#000000;">button from the menu</span><span style="color:#000000;">'''.'''</span>
+<span style="color:#000000;">We have added a </span><span style="color:#000000;">'''ground plane'''</span><span style="color:#000000;"> </span><span style="color:#000000;">to the </span><span style="color:#000000;">'''board'''</span><span style="color:#000000;">.</span>
+|- style="border:1pt solid #000000;padding:0.176cm;"
+|| <span style="color:#000000;">Press </span><span style="color:#000000;">'''esc'''</span><span style="color:#000000;"> </span><span style="color:#000000;">key</span>
+|| <span style="color:#000000;">Press </span><span style="color:#000000;">'''Esc'''</span><span style="color:#000000;"> </span><span style="color:#000000;">key to exit the </span><span style="color:#000000;">'''Add filled zones '''</span><span style="color:#000000;">tool.</span>
 |- style="border:1pt solid #000000;padding:0.176cm;"
 ||
-||Let us now perform  '''Design Rule Check''' i.e  '''DRC''', for the  '''layout''' we created.
+|| <span style="color:#000000;">Let us now perform </span><span style="color:#000000;">'''Design Rule Check'''</span><span style="color:#000000;"> </span><span style="color:#000000;">i.e </span><span style="color:#000000;">'''DRC'''</span><span style="color:#000000;">, for the </span><span style="color:#000000;">'''layout'''</span><span style="color:#000000;"> </span><span style="color:#000000;">we created.&nbsp;</span>
-It checks whether the  '''design''' created is compliant with the  '''Design Rules''' set earlier.
+<span style="color:#000000;">It checks whether the </span><span style="color:#000000;">'''design'''</span><span style="color:#000000;"> </span><span style="color:#000000;">created is compliant with the </span><span style="color:#000000;">'''Design Rules'''</span><span style="color:#000000;"> </span><span style="color:#000000;">set earlier.</span>
+|- style="border:1pt solid #000000;padding:0.176cm;"
+|| <div style="color:#000000;">'''Pcbnew window:'''</div>
+<span style="color:#000000;">Click on </span><span style="color:#000000;">'''Perform design rules check'''</span>
+|| <span style="color:#000000;">Click on </span><span style="color:#000000;">'''Perform Design Rules check '''</span><span style="color:#000000;">present</span><span style="color:#000000;"> </span><span style="color:#000000;">at the top of the </span><span style="color:#000000;">'''Pcbnew'''</span><span style="color:#000000;"> </span><span style="color:#000000;">toolbar.</span>
 |- style="border:1pt solid #000000;padding:0.176cm;"
-||'''Pcbnew''' window:
+|| <span style="color:#000000;">'''DRC Control '''</span><span style="color:#000000;">window:</span>
-Click on  '''Perform design rules check'''
+<span style="color:#000000;">Click on </span><span style="color:#000000;">'''Start DRC'''</span>
-||Click on  '''Perform Design Rules check ''' present at the top of the  '''Pcbnew''' toolbar.
-|- style="border:1pt solid #000000;padding:0.176cm;"
-||'''DRC Control ''' window:
-Click on  '''Start DRC'''
+<span style="color:#000000;">Hover mouse over </span><span style="color:#000000;">'''Error Messages:'''</span>
-Hover mouse over  '''Error Messages:'''
-||Click on  '''Start DRC. '''
+||
-This checks if any  '''design element''' violates the  '''design parameters ''' set earlier.
+<span style="color:#000000;">Click on </span><span style="color:#000000;">'''Start DRC.&nbsp;'''</span>
-If there are any  '''design''' errors, they will be displayed in  '''Error Messages''' window.
+<span style="color:#000000;">This checks if any </span><span style="color:#000000;">'''design element'''</span><span style="color:#000000;"> </span><span style="color:#000000;">violates the </span><span style="color:#000000;">'''design parameters '''</span><span style="color:#000000;">set earlier.</span>
-In my case, there are no errors.
-|- style="border:1pt solid #000000;padding:0.176cm;"
+<span style="color:#000000;">If there are any </span><span style="color:#000000;">'''design'''</span><span style="color:#000000;"> </span><span style="color:#000000;">errors, they will be displayed in </span><span style="color:#000000;">'''Error Messages'''</span><span style="color:#000000;"> </span><span style="color:#000000;">window.</span>
-||'''DRC Control ''' window:
-Click  '''OK'''
+<div style="color:#000000;">In my case, there are no errors.</div>
-||Click  '''OK''' button at the bottom right corner to exit the  '''DRC Control ''' window.
+|- style="border:1pt solid #000000;padding:0.176cm;"
+|| <span style="color:#000000;">'''DRC Control '''</span><span style="color:#000000;">window:</span>
+<span style="color:#000000;">Click </span><span style="color:#000000;">'''OK'''</span>
+|| <span style="color:#000000;">Click </span><span style="color:#000000;">'''OK'''</span><span style="color:#000000;"> </span><span style="color:#000000;">button at the bottom right corner</span><span style="color:#000000;"> </span><span style="color:#000000;">to exit the </span><span style="color:#000000;">'''DRC'''</span><span style="color:#000000;"> </span><span style="color:#000000;">'''Control '''</span><span style="color:#000000;">window.</span>
 |- style="border:1pt solid #000000;padding:0.176cm;"
 ||
-||Now let us see how to add text on our  '''board'''.
+|| <span style="color:#000000;">Now let us see how to add text on our </span><span style="color:#000000;">'''board'''</span><span style="color:#000000;">.</span>
 |- style="border:1pt solid #000000;padding:0.176cm;"
-||'''Pcbnew ''' window.
+|| <span style="color:#000000;">'''Pcbnew '''</span><span style="color:#000000;">window</span><span style="color:#000000;">''':'''</span>
-Click on  '''F.Silks''' from the right toolbar
+<span style="color:#000000;">Click on </span><span style="color:#000000;">'''F.Silks'''</span><span style="color:#000000;"> </span><span style="color:#000000;">from the right toolbar</span>
-Click on  '''Place ''' from the top toolbar and select  '''Text ''' from the dropdown menu
+<span style="color:#000000;">Click on </span><span style="color:#000000;">'''Place '''</span><span style="color:#000000;">from the top toolbar and select </span><span style="color:#000000;">'''Text '''</span><span style="color:#000000;">from the dropdown menu&nbsp;</span>
-Click once on  '''Pcbnew ''' window
+<span style="color:#000000;">Click once on </span><span style="color:#000000;">'''Pcbnew '''</span><span style="color:#000000;">window</span>
-||Let us click on  '''F.Silks layer ''' to place text on the  '''Front Silk Layer'''.
+|| <span style="color:#000000;">Let us click on </span><span style="color:#000000;">'''F.Silks layer '''</span><span style="color:#000000;">to place text on the </span><span style="color:#000000;">'''Front Silk Layer'''</span><span style="color:#000000;">.</span>
-Click on  '''Place ''' button from top '''toolbar ''' and select  '''Text ''' option from the dropdown menu.
+<span style="color:#000000;">Click on </span><span style="color:#000000;">'''Place '''</span><span style="color:#000000;">button from top</span><span style="color:#000000;"> </span><span style="color:#000000;">'''toolbar '''</span><span style="color:#000000;">and select </span><span style="color:#000000;">'''Text '''</span><span style="color:#000000;">option</span><span style="color:#000000;"> </span><span style="color:#000000;">from the dropdown menu.</span>
-Click once on the  '''Pcbnew ''' window.
+<span style="color:#000000;">Click once on the </span><span style="color:#000000;">'''Pcbnew '''</span><span style="color:#000000;">window</span><span style="color:#000000;">'''.'''</span>
 |- style="border:1pt solid #000000;padding:0.176cm;"
-||'''Text Properties ''' window ''': '''
+|| <span style="color:#000000;">'''Text Properties '''</span><span style="color:#000000;">window</span><span style="color:#000000;">''':&nbsp;'''</span>
-Type  '''7805VoltageRegulator ''' in the  '''Text''' window.
+<span style="color:#000000;">Type </span><span style="color:#000000;">'''7805VoltageRegulator '''</span><span style="color:#000000;">in the </span><span style="color:#000000;">'''Text'''</span><span style="color:#000000;"> </span><span style="color:#000000;">window.</span>
-Click on  '''OK'''
+<span style="color:#000000;">Click on </span><span style="color:#000000;">'''OK'''</span>
-|| I will type  '''7805VoltageRegulator ''' in the  '''Text ''' window.
+|| <span style="color:#000000;">I will type </span><span style="color:#000000;">'''7805VoltageRegulator '''</span><span style="color:#000000;">in the </span><span style="color:#000000;">'''Text '''</span><span style="color:#000000;">window.</span>
-Click on  '''OK ''' button at the bottom right corner of the  '''Text Properties ''' window.
+<span style="color:#000000;">click on </span><span style="color:#000000;">'''OK '''</span><span style="color:#000000;">button at the bottom right corner of the </span><span style="color:#000000;">'''Text Properties '''</span><span style="color:#000000;">window</span><span style="color:#000000;">'''.'''</span>
 |- style="border:1pt solid #000000;padding:0.176cm;"
-||'''Pcbnew''' window:
+|| <div style="color:#000000;">'''Pcbnew window:'''</div>
-Click once at the bottom right corner of '''layout screen'''.
+<span style="color:#000000;">Click once at the bottom right corner of </span><span style="color:#000000;">'''layout screen'''</span><span style="color:#000000;">.</span>
-Press F2 or use scroll keys to zoom out and hover cursor over the  '''text'''.
+<span style="color:#000000;">Press F2 or use scroll keys to zoom out and hover cursor over the </span><span style="color:#000000;">'''text'''</span><span style="color:#000000;">.</span>
-|| The typed text will be tied to the cursor.
+|| <div style="color:#000000;">The typed text will be tied to the cursor.</div>
-Drag cursor to bottom right corner of the '''layout screen''' and click once.
+<span style="color:#000000;">Drag cursor to bottom right corner of the </span><span style="color:#000000;">'''layout screen '''</span><span style="color:#000000;">and click once.</span>
-We can see the text is placed in light blue color.
+<span style="color:#000000;">We can see the </span><span style="color:#000000;">'''text'''</span><span style="color:#000000;"> </span><span style="color:#000000;">is placed in light blue color.</span>
 |- style="border:1pt solid #000000;padding:0.176cm;"
 ||
-||Please make sure to click inside the  '''board outline.'''
+|| <span style="color:#000000;">Please make sure to click inside the </span><span style="color:#000000;">'''board outline.'''</span>
-Now let us see how to add  '''dimensions''' to our  '''board design.'''
+<span style="color:#000000;">Now let us see how to add </span><span style="color:#000000;">'''dimensions'''</span><span style="color:#000000;"> </span><span style="color:#000000;">to our </span><span style="color:#000000;">'''board design.'''</span>
 |- style="border:1pt solid #000000;padding:0.176cm;"
-||'''Pcbnew ''' window.
+|| <span style="color:#000000;">'''Pcbnew '''</span><span style="color:#000000;">window</span><span style="color:#000000;">''':'''</span>
-Click on  '''Margin layer''' from the right toolbar
+<span style="color:#000000;">Click on </span><span style="color:#000000;">'''Margin'''</span><span style="color:#000000;"> </span><span style="color:#000000;">layer from the right toolbar</span>
-Click on  '''Place ''' from the top toolbar and select  '''Dimension ''' from the menu
-||Click on  '''Margin layer'''.
+<span style="color:#000000;">Click on </span><span style="color:#000000;">'''Place '''</span><span style="color:#000000;">from the top toolbar and select </span><span style="color:#000000;">'''Dimension '''</span><span style="color:#000000;">from the menu&nbsp;</span>
+||
+<span style="color:#000000;">Click on </span><span style="color:#000000;">'''Margin '''</span><span style="color:#000000;">layer</span><span style="color:#000000;">'''.'''</span>
-Click on  '''Place ''' at top toolbar and select  '''Dimension ''' option.
+<span style="color:#000000;">Click on </span><span style="color:#000000;">'''Place '''</span><span style="color:#000000;">at top toolbar and select </span><span style="color:#000000;">'''Dimension '''</span><span style="color:#000000;">option.</span>
 |- style="border:1pt solid #000000;padding:0.176cm;"
-||'''Pcbnew ''' window.
+|| <span style="color:#000000;">'''Pcbnew '''</span><span style="color:#000000;">window</span><span style="color:#000000;">''':'''</span>
-Click once the top-right vertex of the board layout
+<div style="color:#000000;">Click once the top-right vertex of the board layout</div>
-||Click once on either vertex of the '''board layout. '''
-I have chosen the top-right vertex.
-|-
+<div style="color:#000000;">Drag the cursor towards the bottom right vertex in a straight line.</div>
-||Drag the cursor towards the bottom right vertex in a straight line.
-Press  '''Enter''' key twice
+<span style="color:#000000;">Press </span><span style="color:#000000;">'''Enter'''</span><span style="color:#000000;"> </span><span style="color:#000000;">key twice</span>
-||Let us drag the cursor towards the bottom right vertex in a straight line.
+|| <span style="color:#000000;">Click once on either vertex of the</span><span style="color:#000000;"> </span><span style="color:#000000;">'''board layout.&nbsp;'''</span>
+<div style="color:#000000;">I have chosen the top-right vertex.</div>
-Press  '''Enter''' key twice.
-|-
+<div style="color:#000000;">Let us drag the cursor towards the bottom right vertex in a straight line.</div>
-||
-||The dimension will be placed for the vertical edge of the  '''board'''.
-|- style="border:1pt solid #000000;padding:0.176cm;"
-||'''Pcbnew ''' window.
-Hover cursor over horizontal dimension
+<span style="color:#000000;">Press </span><span style="color:#000000;">'''Enter'''</span><span style="color:#000000;"> </span><span style="color:#000000;">key twice.</span>
-||We will perform similar steps for placing horizontal  '''dimensions''' of the  '''layout'''.
+<span style="color:#000000;">The dimension will be placed for the vertical edge of the </span><span style="color:#000000;">'''board'''</span><span style="color:#000000;">.</span>
 |- style="border:1pt solid #000000;padding:0.176cm;"
-||'''Pcbnew ''' window.
+|| <span style="color:#000000;">'''Pcbnew '''</span><span style="color:#000000;">window</span><span style="color:#000000;">''':'''</span>
-Press  '''Ctrl''' and  '''S''' key together
+<div style="color:#000000;">Hover cursor over horizontal dimension</div>
-|| Let us press  '''Ctrl ''' and  '''S ''' keys together to save the work.
+|| <span style="color:#000000;">We will perform similar steps for placing horizontal </span><span style="color:#000000;">'''dimension'''</span><span style="color:#000000;"> </span><span style="color:#000000;">of the </span><span style="color:#000000;">'''layout'''</span><span style="color:#000000;">.</span>
+|- style="border:1pt solid #000000;padding:0.176cm;"
+|| <span style="color:#000000;">'''Pcbnew '''</span><span style="color:#000000;">window</span><span style="color:#000000;">''':'''</span>
+<span style="color:#000000;">Press </span><span style="color:#000000;">'''Ctrl'''</span><span style="color:#000000;"> </span><span style="color:#000000;">and </span><span style="color:#000000;">'''S'''</span><span style="color:#000000;"> </span><span style="color:#000000;">key together</span>
+|| <span style="color:#000000;">Let us press </span><span style="color:#000000;">'''Ctrl '''</span><span style="color:#000000;">and </span><span style="color:#000000;">'''S '''</span><span style="color:#000000;">keys</span><span style="color:#000000;"> </span><span style="color:#000000;">together to </span><span style="color:#000000;">'''save'''</span><span style="color:#000000;"> </span><span style="color:#000000;">the work.</span>
-Let us now create  '''gerber file''' s for this  '''board'''.
+<span style="color:#000000;">Let us now create </span><span style="color:#000000;">'''gerber file'''</span><span style="color:#000000;">s for this </span><span style="color:#000000;">'''board'''</span><span style="color:#000000;">.</span>
 |- style="border:1pt solid #000000;padding:0.176cm;"
-||'''Pcbnew ''' window.
+|| <span style="color:#000000;">'''Pcbnew '''</span><span style="color:#000000;">window</span><span style="color:#000000;">''':'''</span>
-Click on  '''Plot(HPGL, PostScript or Gerber format) ''' icon
-|| Click on  '''Plot ''' button at the top of the  '''Pcbnew''' toolbar.
+<span style="color:#000000;">Click on </span><span style="color:#000000;">'''Plot(HPGL, PostScript or Gerber format) '''</span><span style="color:#000000;">icon</span>
+|| <span style="color:#000000;">Click on </span><span style="color:#000000;">'''Plot '''</span><span style="color:#000000;">button at the top of the </span><span style="color:#000000;">'''Pcbnew'''</span><span style="color:#000000;"> </span><span style="color:#000000;">toolbar.</span>
 |- style="border:1pt solid #000000;padding:0.176cm;"
-||'''Plot ''' window.
+|| <span style="color:#000000;">'''Plot '''</span><span style="color:#000000;">window</span><span style="color:#000000;">''':'''</span>
-Click on the tab below : '''Plot format'''.
+<span style="color:#000000;">Click on the tab below : </span><span style="color:#000000;">'''Plot format'''</span><span style="color:#000000;">.</span>
->> Select  '''Gerber'''.
+<div style="color:#000000;">>></div>
-||Click on the tab below  '''Plot format'''.
+<span style="color:#000000;">select </span><span style="color:#000000;">'''Gerber'''</span><span style="color:#000000;">.</span>
-Select  '''Gerber ''' out of the 6 options.
+<div style="color:#000000;">>></div>
-|-
+<span style="color:#000000;">Hover mouse over </span><span style="color:#000000;">'''Layers tab&nbsp;'''</span>
-||>> Hover mouse over  '''Layers tab '''
->> Click on boxes to the left of  '''F.Cu, B.Cu,F.Silks, Edge.Cuts ''' and '''Margin layers''' from the provided layer options.
+<div style="color:#000000;">>></div>
-||Let us select the '''layers''' for which we want the '''gerber files'''.
+<span style="color:#000000;">Click on boxes to the left of </span><span style="color:#000000;">'''F.Cu, B.Cu, Margin, F.Silks and Edge.Cuts '''</span><span style="color:#000000;">layers</span><span style="color:#000000;"> </span><span style="color:#000000;">from the provided layer options.</span>
+|| <span style="color:#000000;">Click on the tab below </span><span style="color:#000000;">'''Plot format'''</span><span style="color:#000000;">.</span>
-I will select  '''F.Cu, B.Cu, F.Silks, Edge.Cuts ''' and '''Margin layers''' by clicking on the boxes to the left.
-|- style="border:1pt solid #000000;padding:0.176cm;"
-||'''Plot window:'''
-Click on  '''Browse ''' button
+<span style="color:#000000;">Select </span><span style="color:#000000;">'''Gerber '''</span><span style="color:#000000;">out of the 6 options.</span>
-||Click on  '''Browse ''' button at the top right of  '''Plot ''' window.
+<span style="color:#000000;">Let us select the</span><span style="color:#000000;"> </span><span style="color:#000000;">'''layer'''</span><span style="color:#000000;">s for which we want the </span><span style="color:#000000;">'''gerber file'''</span><span style="color:#000000;">s.</span>
+<span style="color:#000000;">I will select </span><span style="color:#000000;">'''F.Cu, B.Cu, Margin, F.Silks '''</span><span style="color:#000000;">and</span><span style="color:#000000;"> </span><span style="color:#000000;">'''Edge.Cuts '''</span><span style="color:#000000;">by clicking on the boxes to the left.</span>
 |- style="border:1pt solid #000000;padding:0.176cm;"
-||'''Select Output Directory ''' window.
+|| <div style="color:#000000;">'''Plot window:'''</div>
-Browse to desired directory
+<span style="color:#000000;">Click on </span><span style="color:#000000;">'''Browse '''</span><span style="color:#000000;">button</span>
+|| <span style="color:#000000;">Click on </span><span style="color:#000000;">'''Browse '''</span><span style="color:#000000;">button at the top right of </span><span style="color:#000000;">'''Plot '''</span><span style="color:#000000;">window.</span>
+|- style="border:1pt solid #000000;padding:0.176cm;"
+|| <span style="color:#000000;">'''Select Output Directory '''</span><span style="color:#000000;">window</span><span style="color:#000000;">''':'''</span>
->>Click on  '''Desktop''' >>double click on  '''7805VoltageRegulator'''
+<div style="color:#000000;">Browse to desired directory&nbsp;</div>
+<div style="color:#000000;">>></div>
-Click on  '''Open.'''
+<span style="color:#000000;">Click on </span><span style="color:#000000;">'''Desktop'''</span><span style="color:#000000;">>>double click on </span><span style="color:#000000;">'''7805VoltageRegulator'''</span>
-||Let us navigate to the desired directory where we want to save the  '''gerber files'''.
-Click on  '''Desktop''', double click on  '''7805VoltageRegulator.'''
+<span style="color:#000000;">Click on </span><span style="color:#000000;">'''Open.'''</span>
-Click on  '''Open ''' button at bottom right corner of  '''Select Output Directory ''' window.
+<span style="color:#000000;">Click on </span><span style="color:#000000;">'''No'''</span>
-|-
-||Click on  '''No'''
-||Click on  '''No ''' button of  '''Plot Output Directory ''' window.
-|- style="border:1pt solid #000000;padding:0.176cm;"
-||'''Plot ''' window.
-Click on  '''Plot '''button located at the bottom of  '''Plot''' window.
+|| <span style="color:#000000;">Let us navigate to the desired directory where we want to </span><span style="color:#000000;">'''save '''</span><span style="color:#000000;">the </span><span style="color:#000000;">'''gerber file'''</span><span style="color:#000000;">s.&nbsp;</span>
-||Click on  '''Plot''' button at the bottom of the  '''Plot''' window.
+<span style="color:#000000;">Click on </span><span style="color:#000000;">'''Desktop'''</span><span style="color:#000000;">, double click on </span><span style="color:#000000;">'''7805VoltageRegulator.'''</span>
+<span style="color:#000000;">Click on </span><span style="color:#000000;">'''Open '''</span><span style="color:#000000;">button at bottom right corner of </span><span style="color:#000000;">'''Select Output Directory '''</span><span style="color:#000000;">window.</span>
+<span style="color:#000000;">Click on </span><span style="color:#000000;">'''No '''</span><span style="color:#000000;">button of </span><span style="color:#000000;">'''Plot Output Directory '''</span><span style="color:#000000;">window</span><span style="color:#000000;">'''.'''</span>
 |- style="border:1pt solid #000000;padding:0.176cm;"
-||'''Messages''' '''window''' :
+|| <span style="color:#000000;">'''Text box '''</span><span style="color:#000000;">on the</span><span style="color:#000000;"> </span><span style="color:#000000;">'''Plot'''</span><span style="color:#000000;"> </span><span style="color:#000000;">Window:</span>
-Hover cursor over the messages appeared in the  '''Messages''' window
+<div style="color:#000000;">Select the other options as shown here</div>
-||Acknowledgement messages will appear in the  '''Messages''' window.
+||
+|- style="border:1pt solid #000000;padding:0.176cm;"
+|| <span style="color:#000000;">'''Plot '''</span><span style="color:#000000;">window</span><span style="color:#000000;">''':'''</span>
+<span style="color:#000000;">Click on </span><span style="color:#000000;">'''Plot button '''</span><span style="color:#000000;">located at the bottom of </span><span style="color:#000000;">'''Plot '''</span><span style="color:#000000;">window.</span>
+||
+<span style="color:#000000;">Click on </span><span style="color:#000000;">'''Plot '''</span><span style="color:#000000;">button</span><span style="color:#000000;"> </span><span style="color:#000000;">at the bottom of the </span><span style="color:#000000;">'''Plot '''</span><span style="color:#000000;">window.</span>
 |- style="border:1pt solid #000000;padding:0.176cm;"
+|| <span style="color:#000000;">'''Messages'''</span><span style="color:#000000;"> </span><span style="color:#000000;">'''window'''</span><span style="color:#000000;">:&nbsp;</span>
+<span style="color:#000000;">Hover cursor over the messages appeared in the </span><span style="color:#000000;">'''Messages'''</span><span style="color:#000000;"> </span><span style="color:#000000;">window</span>
 ||
-||Let us generate the  '''drill file''' in  '''gerber format''' for our designed  '''board'''.
+<span style="color:#000000;">Acknowledgement messages will appear in the </span><span style="color:#000000;">'''Messages'''</span><span style="color:#000000;"> </span><span style="color:#000000;">window.</span>
 |- style="border:1pt solid #000000;padding:0.176cm;"
-||'''Plot ''' window.
+||
+|| <span style="color:#000000;">Let us generate the </span><span style="color:#000000;">'''drill file'''</span><span style="color:#000000;"> </span><span style="color:#000000;">in </span><span style="color:#000000;">'''gerber format'''</span><span style="color:#000000;"> </span><span style="color:#000000;">for our designed </span><span style="color:#000000;">'''board'''</span><span style="color:#000000;">.</span>
+|- style="border:1pt solid #000000;padding:0.176cm;"
+|| <span style="color:#000000;">'''Plot '''</span><span style="color:#000000;">window</span><span style="color:#000000;">''':'''</span>
-Click on  '''Generate Drill File'''
+<span style="color:#000000;">Click on </span><span style="color:#000000;">'''Generate Drill File'''</span>
-||Click on  '''Generate Drill File ''' at the bottom of the  '''Plot ''' window.
+||
+<span style="color:#000000;">Click on </span><span style="color:#000000;">'''Generate Drill File '''</span><span style="color:#000000;">at the bottom of the </span><span style="color:#000000;">'''Plot '''</span><span style="color:#000000;">window.</span>
 |- style="border:1pt solid #000000;padding:0.176cm;"
-|| '''Drill Files Generation ''' window:
+|| <span style="color:#000000;">'''Drill Files Generation '''</span><span style="color:#000000;">window:</span>
-Click on  '''Browse'''
+<span style="color:#000000;">Click on </span><span style="color:#000000;">'''Browse'''</span>
-Browse to the desired directory location
-Click  '''Open'''
+<div style="color:#000000;">Browse to the desired directory location</div>
-||Click on  '''Browse ''' button at top right corner of '''Drill Files Generation ''' window.
-I will navigate to  '''Desktop/7805VoltageRegulator'''
+<span style="color:#000000;">Click </span><span style="color:#000000;">'''Open'''</span>
+||
+<span style="color:#000000;">Click on </span><span style="color:#000000;">'''Browse '''</span><span style="color:#000000;">button</span><span style="color:#000000;"> </span><span style="color:#000000;">at top right corner of</span><span style="color:#000000;"> </span><span style="color:#000000;">'''Drill Files Generation '''</span><span style="color:#000000;">window</span><span style="color:#000000;">'''.'''</span>
-Click on  '''Open''' button at the bottom right corner of  '''Drill Files Generation ''' window.
+<span style="color:#000000;">I will navigate to </span><span style="color:#000000;">'''Desktop/7805VoltageRegulator'''</span>
+<span style="color:#000000;">Click on </span><span style="color:#000000;">'''Open'''</span><span style="color:#000000;"> </span><span style="color:#000000;">button at the bottom right corner of </span><span style="color:#000000;">'''Drill Files Generation '''</span><span style="color:#000000;">window.</span>
 |- style="border:1pt solid #000000;padding:0.176cm;"
-||'''Plot Output Directory''' window:
+|| <span style="color:#000000;">'''Plot Output Directory'''</span><span style="color:#000000;"> </span><span style="color:#000000;">window:</span>
-Click on  '''No'''
+<span style="color:#000000;">Click on </span><span style="color:#000000;">'''No'''</span>
-|| If '''Plot Output Directory''' window appears, click on  '''No''' button in the middle of  '''Plot Output Directory ''' window.
+|| <span style="color:#000000;">If&nbsp; </span><span style="color:#000000;">'''Plot Output Directory'''</span><span style="color:#000000;"> </span><span style="color:#000000;">window appears,</span>
+<span style="color:#000000;">click on </span><span style="color:#000000;">'''No'''</span><span style="color:#000000;"> </span><span style="color:#000000;">button in the middle of </span><span style="color:#000000;">'''Plot Output'''</span><span style="color:#000000;"> </span><span style="color:#000000;">'''Directory '''</span><span style="color:#000000;">window.</span>
 |- style="border:1pt solid #000000;padding:0.176cm;"
-|| '''Plot window:'''
+|| <div style="color:#000000;">'''Plot window:'''</div>
-Click on  '''Gerber ''' option at middle of  '''Drill Files Generation ''' window
+<span style="color:#000000;">Click on </span><span style="color:#000000;">'''Gerber '''</span><span style="color:#000000;">option at middle of </span><span style="color:#000000;">'''Drill Files Generation '''</span><span style="color:#000000;">window</span>
-||Click on  '''Gerber ''' option placed in the middle of  '''Drill Files Generation ''' window, if not selected.
+||
+<span style="color:#000000;">Click on </span><span style="color:#000000;">'''Gerber '''</span><span style="color:#000000;">option placed in the middle of </span><span style="color:#000000;">'''Drill Files Generation '''</span><span style="color:#000000;">window if not selected.</span>
 |- style="border:1pt solid #000000;padding:0.176cm;"
-||
+|| <span style="color:#000000;">'''Text box '''</span><span style="color:#000000;">on the</span><span style="color:#000000;"> </span><span style="color:#000000;">'''Drill Files Generation '''</span><span style="color:#000000;">&nbsp;</span><span style="color:#000000;">Window:</span>
-||We will leave the rest of the settings as they are.
+<div style="color:#000000;">Select the other options as shown here</div>
+| style="color:#000000;" | We will leave the rest of the settings as they are.
 |- style="border:1pt solid #000000;padding:0.176cm;"
-||'''Drill Files Generation''' window:
+|| <span style="color:#000000;">'''Drill Files Generation window'''</span><span style="color:#000000;">:</span>
-Click on '''Drill File'''
-||Click on  '''Drill File ''' option present at the right side of  '''Drill Files Generation ''' window.
+<span style="color:#000000;">Click on</span><span style="color:#000000;"> </span><span style="color:#000000;">'''Drill File'''</span>
+|| <span style="color:#000000;">Click on </span><span style="color:#000000;">'''Drill File '''</span><span style="color:#000000;">option present at the right side of </span><span style="color:#000000;">'''Drill Files Generation '''</span><span style="color:#000000;">window.</span>
 |- style="border:1pt solid #000000;padding:0.176cm;"
-||'''Drill Files Generation window''' :
+|| <span style="color:#000000;">'''Drill Files Generation window'''</span><span style="color:#000000;">:</span>
-Hover mouse over  '''Messages ''' window
+<span style="color:#000000;">Hover mouse over </span><span style="color:#000000;">'''Messages '''</span><span style="color:#000000;">window</span>
-||An acknowledgement message will appear in the  '''Messages ''' window.
+|| <span style="color:#000000;">An acknowledgement message will appear in the </span><span style="color:#000000;">'''Messages '''</span><span style="color:#000000;">window.</span>
+|- style="border:1pt solid #000000;padding:0.176cm;"
+|| <span style="color:#000000;">'''Drill Files Generation window'''</span><span style="color:#000000;">:</span>
+<span style="color:#000000;">Click on </span><span style="color:#000000;">'''Close'''</span>
+|| <span style="color:#000000;">Click on </span><span style="color:#000000;">'''Close '''</span><span style="color:#000000;">button at the bottom right corner of </span><span style="color:#000000;">'''Drill Files Generation '''</span><span style="color:#000000;">window</span><span style="color:#000000;">'''.'''</span>
 |- style="border:1pt solid #000000;padding:0.176cm;"
-||'''Drill Files Generation''' window:
+|| <span style="color:#000000;">'''Plot window'''</span><span style="color:#000000;">:</span>
-Click on  '''Close'''
+<span style="color:#000000;">Click on</span><span style="color:#000000;"> </span><span style="color:#000000;">'''Close'''</span>
-||Click on  '''Close ''' button at the bottom right corner of  '''Drill Files Generation ''' window.
+|| <span style="color:#000000;">Click on</span><span style="color:#000000;"> </span><span style="color:#000000;">'''Close '''</span><span style="color:#000000;">button at the bottom right corner of </span><span style="color:#000000;">'''Plot '''</span><span style="color:#000000;">window</span><span style="color:#000000;">'''.'''</span>
 |- style="border:1pt solid #000000;padding:0.176cm;"
-||'''Plot''' window :
+|| <span style="color:#000000;">'''Pcbnew window'''</span><span style="color:#000000;">:</span>
-Click on '''Close'''
+<span style="color:#000000;">Press </span><span style="color:#000000;">'''Ctrl'''</span><span style="color:#000000;"> </span><span style="color:#000000;">and </span><span style="color:#000000;">'''S'''</span><span style="color:#000000;"> </span><span style="color:#000000;">key at the same time.</span>
-|| Click on '''Close ''' button at the bottom right corner of  '''Plot ''' window.
+|| <span style="color:#000000;">Let us</span><span style="color:#000000;"> </span><span style="color:#000000;">'''save '''</span><span style="color:#000000;">our work by pressing </span><span style="color:#000000;">'''Ctrl'''</span><span style="color:#000000;"> </span><span style="color:#000000;">and </span><span style="color:#000000;">'''S'''</span><span style="color:#000000;"> </span><span style="color:#000000;">keys simultaneously.</span>
 |- style="border:1pt solid #000000;padding:0.176cm;"
-||'''Pcbnew''' window :
+|| <div style="color:#000000;">'''System Computer:'''</div>
-Press  '''Ctrl''' and  '''S''' key at the same time.
-||Let us '''save ''' our work by pressing  '''Ctrl''' and  '''S''' keys simultaneously.
-|- style="border:1pt solid #000000;padding:0.176cm;"
+<span style="color:#000000;">Press</span><span style="color:#000000;"> </span><span style="color:#000000;">'''Ctrl, Alt '''</span><span style="color:#000000;">and</span><span style="color:#000000;"> </span><span style="color:#000000;">'''T '''</span><span style="color:#000000;">keys together</span>
-||'''System Computer:'''
-Press '''Ctrl, Alt ''' and '''T ''' keys together
-||Now we will view the  '''gerbers ''' created.
-Open the  '''terminal''' by pressing  '''Ctrl, Alt ''' and '''T ''' keys together.
+<span style="color:#000000;">'''Textbox '''</span><span style="color:#000000;">on the </span><span style="color:#000000;">'''Terminal:'''</span>
-|- style="border:1pt solid #000000;padding:0.176cm;"
+<div style="color:#000000;">'''Windows OS users, click on start -> type “Gerbview” in the search bar and open the Gerbview application'''</div>
-||'''Terminal :'''
+|| <span style="color:#000000;">Now we will view the </span><span style="color:#000000;">'''gerbers '''</span><span style="color:#000000;">created.</span>
-Type  '''gerbview''' >> Press  '''Enter'''
-||Type  '''gerbview''' and press  '''Enter ''' key.
-|- style="border:1pt solid #000000;padding:0.176cm;"
-||'''Gerbview ''' window :
-Click on  '''File>> ''' select  '''Load Gerber File'''
+<span style="color:#000000;">Open the </span><span style="color:#000000;">'''terminal'''</span><span style="color:#000000;"> </span><span style="color:#000000;">by pressing </span><span style="color:#000000;">'''Ctrl, Alt '''</span><span style="color:#000000;">and</span><span style="color:#000000;"> </span><span style="color:#000000;">'''T '''</span><span style="color:#000000;">keys together.</span>
-|| Click on  '''File ''' from the top left corner, and select  '''Load Gerber File ''' option.
-|- style="border:1pt solid #000000;padding:0.176cm;"
-||'''Open Gerber File ''' window :
-Browse to the directory where you saved your gerber files earlier.
+|- style="border:1pt solid #000000;padding:0.176cm;"
-||Let us browse to directory where we have saved the  '''gerber''' files.
+|| <div style="color:#000000;">'''Terminal :'''</div>
-I will click on  '''Desktop,''' and then double-click on '''7805VoltageRegulator.'''
+<span style="color:#000000;">Type </span><span style="color:#000000;">'''gerbview'''</span><span style="color:#000000;"> </span><span style="color:#000000;">>> Press </span><span style="color:#000000;">'''Enter'''</span>
+||
+<span style="color:#000000;">Type </span><span style="color:#000000;">'''gerbview'''</span><span style="color:#000000;"> </span><span style="color:#000000;">and press </span><span style="color:#000000;">'''Enter '''</span><span style="color:#000000;">key</span><span style="color:#000000;">'''.'''</span>
 |- style="border:1pt solid #000000;padding:0.176cm;"
-||Press  '''Ctrl ''' and  '''A ''' keys at the same time.
+|| <span style="color:#000000;">'''Gerbview '''</span><span style="color:#000000;">window :</span><span style="color:#000000;">&nbsp;</span>
+<span style="color:#000000;">Click on </span><span style="color:#000000;">'''File>> '''</span><span style="color:#000000;">select </span><span style="color:#000000;">'''Load Gerber File'''</span>
+|| <span style="color:#000000;">Click on </span><span style="color:#000000;">'''File '''</span><span style="color:#000000;">from the top left corner, and select </span><span style="color:#000000;">'''Load Gerber File '''</span><span style="color:#000000;">option</span><span style="color:#000000;">'''.&nbsp;'''</span>
+|- style="border:1pt solid #000000;padding:0.176cm;"
+|| <span style="color:#000000;">'''Open Gerber File '''</span><span style="color:#000000;">window :</span>
-Click on  '''Open'''
-||Press  '''Ctrl ''' and  '''A ''' keys at the same time to select all the  '''gerber''' files.
+<div style="color:#000000;">Browse to the directory where you saved your gerber files earlier.</div>
+|| <span style="color:#000000;">Let us browse to directory where we have saved the </span><span style="color:#000000;">'''gerber'''</span><span style="color:#000000;"> </span><span style="color:#000000;">files.&nbsp;</span>
-Click on  '''Open ''' button at the bottom right corner of the  '''Open Gerber file ''' window.
+<span style="color:#000000;">I will click on </span><span style="color:#000000;">'''Desktop,'''</span><span style="color:#000000;"> </span><span style="color:#000000;">and then&nbsp;</span>
+<span style="color:#000000;">double-click on</span><span style="color:#000000;"> </span><span style="color:#000000;">'''7805VoltageRegulator.'''</span>
 |- style="border:1pt solid #000000;padding:0.176cm;"
-||'''Gerbview ''' window.
+|| <span style="color:#000000;">Press </span><span style="color:#000000;">'''Ctrl '''</span><span style="color:#000000;">and </span><span style="color:#000000;">'''A '''</span><span style="color:#000000;">keys at the same time.</span>
-Hover mouse over the PCB layout in Gerber Format
-||We can see the  '''PCB Layout''' we created in  '''Gerber format'''.
+<span style="color:#000000;">Click on </span><span style="color:#000000;">'''Open'''</span>
+|| <span style="color:#000000;">Press </span><span style="color:#000000;">'''Ctrl '''</span><span style="color:#000000;">and </span><span style="color:#000000;">'''A '''</span><span style="color:#000000;">keys at the same time to select all the </span><span style="color:#000000;">'''gerber'''</span><span style="color:#000000;"> </span><span style="color:#000000;">files.</span>
+<span style="color:#000000;">Click on </span><span style="color:#000000;">'''Open '''</span><span style="color:#000000;">button at the bottom right corner of the </span><span style="color:#000000;">'''Open Gerber file '''</span><span style="color:#000000;">window</span><span style="color:#000000;">'''.'''</span>
 |- style="border:1pt solid #000000;padding:0.176cm;"
-||'''Show''' image
+|| <span style="color:#000000;">'''Gerbview '''</span><span style="color:#000000;">window</span><span style="color:#000000;"> </span><span style="color:#000000;">''':'''</span>
-Image1.jpg
+<div style="color:#000000;">Hover mouse over the PCB layout in Gerber Format</div>
-||This is the '''FR4 grade''' copper cladded '''sheet''' on which we will transfer our design to.
+||
+<span style="color:#000000;">We can see the </span><span style="color:#000000;">'''PCB Layout'''</span><span style="color:#000000;"> </span><span style="color:#000000;">we created in </span><span style="color:#000000;">'''Gerber format'''</span><span style="color:#000000;">.</span>
 |- style="border:1pt solid #000000;padding:0.176cm;"
-||Show image
+||
+|| <span style="color:#000000;">Let us see how the </span><span style="color:#000000;">'''board'''</span><span style="color:#000000;"> </span><span style="color:#000000;">we designed looks like in real.</span>
+|- style="border:1pt solid #000000;padding:0.176cm;"
+|| <span style="color:#000000;">'''Show'''</span><span style="color:#000000;"> </span><span style="color:#000000;">image</span>
-Image2.jpg
+<div style="color:#000000;">Image1.jpg</div>
-||After etching and drilling appropriate holes, this is how the  '''board''' will look.
+|| <span style="color:#000000;">This is the </span><span style="color:#000000;">'''FR4 grade'''</span><span style="color:#000000;"> </span><span style="color:#000000;">copper cladded </span><span style="color:#000000;">'''sheet'''</span><span style="color:#000000;"> </span><span style="color:#000000;">on which we will transfer our design to.</span>
+|- style="border:1pt solid #000000;padding:0.176cm;"
+|| <span style="color:#000000;">'''Show '''</span><span style="color:#000000;">image</span>
+<div style="color:#000000;">Image2.jpg</div>
+|| <span style="color:#000000;">After etching and drilling appropriate </span><span style="color:#000000;">'''holes'''</span><span style="color:#000000;">, this is how the </span><span style="color:#000000;">'''board'''</span><span style="color:#000000;"> </span><span style="color:#000000;">will look.</span>
-'''Components''' can now be mounted and soldered on this '''board'''.
+<span style="color:#000000;">'''Components'''</span><span style="color:#000000;"> </span><span style="color:#000000;">can now be mounted and soldered on this </span><span style="color:#000000;">'''board'''</span><span style="color:#000000;">.</span>
 |- style="border:1pt solid #000000;padding:0.176cm;"
-||Show image
+|| <span style="color:#000000;">'''Show'''</span><span style="color:#000000;"> </span><span style="color:#000000;">image</span>
-Image3.jpg
-||This is how the '''board''' looks after components are soldered on it.
+<div style="color:#000000;">Image3.jpg</div>
+|| <span style="color:#000000;">This is how the </span><span style="color:#000000;">'''board'''</span><span style="color:#000000;"> </span><span style="color:#000000;">looks after components are soldered on it.</span>
 |- style="border:1pt solid #000000;padding:0.176cm;"
 ||
-||With this, we come to the end of this tutorial.
+|| <div style="color:#000000;">With this, we come to the end of this tutorial.</div>
-Let us summarize.
+<div style="color:#000000;">Let us summarize.</div>
 |- style="border:1pt solid #000000;padding:0.176cm;"
-||Show Slide:
+|| <div style="color:#000000;">'''Show Slide:'''</div>
+<div style="color:#000000;">Summary</div>
+|| <span style="color:#000000;">In this tutorial, we learnt to :</span>* <div style="color:#000000;">Place '''tracks''' on '''printed circuit board.'''</div>
+* <div style="color:#000000;">Add dimension and text on '''Silkscreens.'''</div>
+* <div style="color:#000000;">Generate '''Gerber files '''and '''view''' them.&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; </div>
-Summary
-||In this tutorial, we learnt to :
-* Place '''tracks''' on '''printed circuit board.'''
-* Add dimension and text on '''Silkscreens.'''
-* Generate '''Gerber files '''and '''view''' them.
 |- style="border:1pt solid #000000;padding:0.176cm;"
-||Show Slide:
+||
-'''Forum'''
+<div style="color:#000000;">'''Show Slide:'''</div>
-||Please post your timed queries in this forum.
+<div style="color:#000000;">'''Forum'''</div>
+| style="color:#000000;" | Please post your timed queries in this forum.&nbsp;
 |- style="border:1pt solid #000000;padding:0.176cm;"
-||Show Slide:
+|| <div style="color:#000000;">'''Show Slide:'''</div>
-'''FOSSEE Forum'''
-||Please post your general queries on eSim in this forum.
+<div style="color:#000000;">'''FOSSEE Forum'''</div>
+| style="color:#000000;" | Please post your general queries on eSim in this forum.&nbsp;
 |- style="border:1pt solid #000000;padding:0.176cm;"
-||Show Slide:
+|| <div style="color:#000000;">'''Show Slide:'''</div>
-'''Textbook Companion'''
+<div style="color:#000000;">'''Textbook Companion'''</div>
-||'''FOSSEE'''   team coordinates the  '''TBC'''   project.
+|| <span style="color:#000000;">'''FOSSEE'''</span><span style="color:#000000;"> </span><span style="color:#000000;">team coordinates the </span><span style="color:#000000;">'''TBC'''</span><span style="color:#000000;"> </span><span style="color:#000000;">project.&nbsp;</span>
 |- style="border:1pt solid #000000;padding:0.176cm;"
-||Show Slide:
+|| <div style="color:#000000;">'''Show Slide:'''</div>
+<div style="color:#000000;">'''Acknowledgment'''</div>
+[http://spoken-tutorial.org/ http://spoken-tutorial.org]
-'''Acknowledgment'''
-http://spoken-tutorial.org
-||'''Spoken Tutorial'''   Project is funded by  '''NMEICT, MHRD''', Govt. of India.
+|| <span style="color:#000000;">'''Spoken Tutorial'''</span><span style="color:#000000;"> </span><span style="color:#000000;">Project is funded by </span><span style="color:#000000;">'''NMEICT, MHRD'''</span><span style="color:#000000;">, Govt. of India.</span>
-For more details, visit this website.
+<div style="color:#000000;">For more details, visit this website.</div>
 |- style="border:1pt solid #000000;padding:0.176cm;"
-||'''Thank you Slide'''
+| style="color:#000000;" | '''Thank you Slide'''
-|| This is Saurabh from  '''IIT Bombay''', signing off.
+|| <span style="color:#000000;">This is Saurabh from </span><span style="color:#000000;">'''IIT Bombay'''</span><span style="color:#000000;">, signing off.</span>
-Thank you.
+<div style="color:#000000;">Thank you.</div>
 |-
 |}