week 2 update

public/index.html

@@ -148,28 +148,6 @@
     <!-- Carousel End -->
 
 
-<!-- About Start -->
-<div class="container-fluid py-5 wow fadeInUp" data-wow-delay="0.1s">
-    <div class="container">
-        <div class="row gx-5">
-            <div class="col-lg-5 mb-5 mb-lg-0" style="min-height: 500px;">
-                <div class="position-relative h-100">
-                    <img class="position-absolute w-100 h-100 rounded wow zoomIn" data-wow-delay="0.3s" src="img/myprofile.jpg" style="object-fit: cover;">
-                </div>
-            </div>
-            <div class="col-lg-7">
-                <div class="mb-4">
-                    <h4 class="text-primary text-uppercase" style="letter-spacing: 5px;">About Me</h4>
-                    <h1 class="display-5 mb-0">Miss. Siddhi Bodhe</h1>
-                </div>
-                <h4 class="text-body fst-italic mb-4">Student of T. Y. B.Tech Mechatronics Engineering</h4>
-                <h4 class="text-body fst-italic mb-4">Sanjivani College of Engineering, Kopargaon-423601</h4>
-                <div><h4><p class="mb-4">Hello! I am Siddhi Bodhe, currently persuing T.Y. B.Tech Mechatronics from Sanjivani College of Engineering, Kopargaon. I have hands on experience of Laser cutter and developed mini projects of electronics during my academics. I have leadership quality.I am very calm person. Besides my academics, I like dancing, exploring new places, trying delicious food items.</p><h4></div>   
-            </div>
-        </div>
-    </div>
-</div>
-<!-- About End -->
 
     
 
@@ -427,52 +405,9 @@
 
     
     <!-- Footer Start -->
-    <div class="container-fluid bg-dark text-light mt-5 py-5 wow fadeInUp" data-wow-delay="0.1s">
-        <div class="container pt-5">
-            <div class="row g-5">
-                <div class="col-lg-3 col-md-6">
-                    <h3 class="text-white mb-4">Quick Links</h3>
-                    <div class="d-flex flex-column justify-content-start">
-                        <a class="text-light mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Home</a>
-                        <a class="text-light mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>About </a>
-                        <a class="text-light mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Assignments</a>
-                        <a class="text-light mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Final Project</a>
-                        
-                    </div>
-                </div>
-                <div class="col-lg-3 col-md-6">
-                    <h3 class="text-white mb-4">Popular Links</h3>
-                    <div class="d-flex flex-column justify-content-start">
-                        <a class="text-light mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Home</a>
-                        <a class="text-light mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>About </a>
-                        <a class="text-light mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Assignments</a>
-                        <a class="text-light mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Final Project</a>
-                        
-                    </div>
-                </div>
-                <div class="col-lg-3 col-md-6">
-                    <h3 class="text-white mb-4">Get In Touch</h3>
-                    <p class="mb-2"><i class="bi bi-geo-alt text-primary me-2"></i>Sanjivani College of Engineering, Kopargaon-423601, India</p>
-                    <p class="mb-2"><i class="bi bi-envelope-open text-primary me-2"></i>siddhibodhe100@.com</p>
-                    <p class="mb-0"><i class="bi bi-telephone text-primary me-2"></i>+91 7057760100</p>
-                </div>
-                
-				
-            </div>
-        </div>
-    </div>
-    <div class="container-fluid bg-primary text-light py-4">
-        <div class="container">
-            <div class="row g-5">
-                <div class="col-md-6 text-center text-md-start">
-                    <p class="mb-md-0">&copy; <a class="text-white border-bottom" href="#">Siddhi Bodhe Fab Academy 2024</a>. All Rights Reserved.</p>
-                </div>
-                <div class="col-md-6 text-center text-md-end">
-                    <p class="mb-0">Designed by <a class="text-white border-bottom" href="https://htmlcodex.com">HTML Codex</a></p>
-                </div>
-            </div>
-        </div>
-    </div>
+    <div>
+       <p><center><u><h3><FONT COLOR="2b2e4a">Siddhi Bodhe Fab Academy&#128513;</FONT></h3></u></center></p><br><br>
+    </div>   
     <!-- Footer End -->
 
 

public/week-01.html

@@ -366,77 +366,15 @@ p {
             
          <!--Day-04 end-->  
          
-    <!--Day-05 start-->
-    <h1 style="text-align:center;"></h3style><FONT COLOR="f77d0a"><u>Day-05</u></h1><br>
-        <div>
-            <h2>ORE SECURE HELMET</h2>
-            <h3>Problem Statement</h3>
-            <h4><p><FONT COLOR="black">Recently I heard a shocking news about Minning Industry of Uttarakhand that "Indian rescue teams say all 40 workers in tunnel collapse found safe..." The National Disaster Response Force said that there were 40 workers trapped during the construction of Yamunotri Tunnel. Resceu team workers made contact with trapped workers through radio handsets-walkie talkie. They have provided them oxygen and food through pipelines. And finally using some heavy load construction equipments, they successfully reque all 40 trapped worker safely. So here I want to give my opinion that we have to make some devices which are easy to use, portable and helps miners to work them safely.</p></h4>
-        <br><b><h3>Evidences</h3></b>
-        </div> 
-<div>
-    <img  width="700" height="450"src="img/finalproject-01.png">
-</div>
-<br>
-<div>
-    <h3>Solution</h3>
-       <h4><p><FONT COLOR="black">By considering all the problems of mining industry, I want to develop "Ore Secure Helmet" which is helpful for Miners during minning. It consist of three LED Lights, Sensors and Networking system. LED Lights are basically used to see road in dark tunnels or mines. Mines often find some the hazardous gases like Carbon Dioxide, Carbon Monoxide, Sulpher,etc. which cause danger to worker's health, sometimes it lead to death. So, sensors are used to detect this hazardous gases. And networking system is specially used to track live location of miners in case of emergency which interfaced with PCB.</p></h4>
-        <div>
-            <img  width="700" height="450"src="img/finalprojectimage.jpeg">
-        </div>                
-        <!--Day-05 end-->
+    
 
     <!--Documentation End-->
 
-       
-    <!-- Footer Start -->
-    <div class="container-fluid bg-dark text-light mt-5 py-5 wow fadeInUp" data-wow-delay="0.1s">
-        <div class="container pt-5">
-            <div class="row g-5">
-                <div class="col-lg-3 col-md-6">
-                    <h3 class="text-white mb-4">Quick Links</h3>
-                    <div class="d-flex flex-column justify-content-start">
-                        <a class="text-light mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Home</a>
-                        <a class="text-light mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>About </a>
-                        <a class="text-light mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Assignments</a>
-                        <a class="text-light mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Final Project</a>
-                        
-                    </div>
-                </div>
-                <div class="col-lg-3 col-md-6">
-                    <h3 class="text-white mb-4">Popular Links</h3>
-                    <div class="d-flex flex-column justify-content-start">
-                        <a class="text-light mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Home</a>
-                        <a class="text-light mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>About </a>
-                        <a class="text-light mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Assignments</a>
-                        <a class="text-light mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Final Project</a>
-                        
-                    </div>
-                </div>
-                <div class="col-lg-3 col-md-6">
-                    <h3 class="text-white mb-4">Get In Touch</h3>
-                    <p class="mb-2"><i class="bi bi-geo-alt text-primary me-2"></i>Sanjivani College of Engineering, Kopargaon-423601, India</p>
-                    <p class="mb-2"><i class="bi bi-envelope-open text-primary me-2"></i>siddhibodhe100@.com</p>
-                    <p class="mb-0"><i class="bi bi-telephone text-primary me-2"></i>+91 7057760100</p>
-                </div>
-                
-				
-            </div>
-        </div>
-    </div>
-    <div class="container-fluid bg-primary text-light py-4">
-        <div class="container">
-            <div class="row g-5">
-                <div class="col-md-6 text-center text-md-start">
-                    <p class="mb-md-0">&copy; <a class="text-white border-bottom" href="#">Siddhi Bodhe Fab Academy 2024</a>. All Rights Reserved.</p>
-                </div>
-                <div class="col-md-6 text-center text-md-end">
-                    <p class="mb-0">Designed by <a class="text-white border-bottom" href="https://htmlcodex.com">HTML Codex</a></p>
-                </div>
-            </div>
-        </div>
-    </div>
-    <!-- Footer End -->
+     <!-- Footer Start -->
+    <div>
+        <p><center><u><h3><FONT COLOR="2b2e4a">Siddhi Bodhe Fab Academy&#128513;</FONT></h3></u></center></p><br><br>
+     </div>   
+     <!-- Footer End -->
 
 
     <!-- Back to Top -->

public/week-02.html

@@ -27,6 +27,70 @@
 
     <!-- Template Stylesheet -->
     <link href="css/style.css" rel="stylesheet">
+
+ 
+
+<style>
+     /* Use flexbox to create a row layout */
+     .image-container {
+                display: flex;
+            }
+    
+            /* Optional: Add some spacing between images */
+            .image-container img {
+                margin-right: 10px;
+            }
+        h2 {
+            margin-right: 150px;
+          margin-left: 150px;
+        }
+        h3 {
+            margin-right: 150px;
+          margin-left: 150px;
+        }
+        h4 {
+            margin-right: 150px;
+          margin-left: 150px;
+        }
+        p {
+          margin: 30px;
+        }
+    div {
+      text-align: justify;
+      text-justify: inter-word;
+    }
+    img {
+          display: block;
+          margin-left: auto;
+          margin-right: auto;
+        }
+        p {
+          margin-right: 150px;
+          margin-left: 150px;
+        }
+        p {
+          font-size: 24px;
+        }
+        * {
+              box-sizing: border-box;
+            }
+            
+            .column {
+              float: left;
+              width: 33.33%;
+              padding: 5px;
+            }
+            
+            /* Clearfix (clear floats) */
+            .row::after {
+              content: "";
+              clear: both;
+              display: table;
+            }
+            
+    </style>
+    
+        
 </head>
 
 <body>
@@ -103,60 +167,306 @@
     <!-- Page Header Start -->
 
     <!--Documentation Start-->
-<h2>Principles and Practices</h2>
-<p>This is My Assignment description<br>Work is in Progress.....</p>
+    <!--Day-01 start-->
+<h3><u><FONT COLOR="f77d0a">DAY-01</FONT></u></h3>
+<div>
+<p><FONT COLOR="black">On the Wednesday of second week, Mr. Neil sir conducted our second global session. He took the random generator in first 90 minutes. He gave us overall explaination about week-02 which includes Raster and Vector images, FreeCAD 3D CAD Software, Image and Video size compression softwares and some online CAD model websites. He motivated us to explore in 2D and 3D designing world.</FONT></p>
+</div>
+<br>
    
-    <!--Documentation End-->
+<!--Day-01 End-->
 
-       
-    <!-- Footer Start -->
-    <div class="container-fluid bg-dark text-light mt-5 py-5 wow fadeInUp" data-wow-delay="0.1s">
-        <div class="container pt-5">
-            <div class="row g-5">
-                <div class="col-lg-3 col-md-6">
-                    <h3 class="text-white mb-4">Quick Links</h3>
-                    <div class="d-flex flex-column justify-content-start">
-                        <a class="text-light mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Home</a>
-                        <a class="text-light mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>About </a>
-                        <a class="text-light mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Assignments</a>
-                        <a class="text-light mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Final Project</a>
-                        
-                    </div>
-                </div>
-                <div class="col-lg-3 col-md-6">
-                    <h3 class="text-white mb-4">Popular Links</h3>
-                    <div class="d-flex flex-column justify-content-start">
-                        <a class="text-light mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Home</a>
-                        <a class="text-light mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>About </a>
-                        <a class="text-light mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Assignments</a>
-                        <a class="text-light mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Final Project</a>
-                        
-                    </div>
-                </div>
-                <div class="col-lg-3 col-md-6">
-                    <h3 class="text-white mb-4">Get In Touch</h3>
-                    <p class="mb-2"><i class="bi bi-geo-alt text-primary me-2"></i>Sanjivani College of Engineering, Kopargaon-423601, India</p>
-                    <p class="mb-2"><i class="bi bi-envelope-open text-primary me-2"></i>siddhibodhe100@.com</p>
-                    <p class="mb-0"><i class="bi bi-telephone text-primary me-2"></i>+91 7057760100</p>
-                </div>
-                
-				
-            </div>
-        </div>
+<!--Day-02 start-->
+<div><h3><u><FONT COLOR="f77d0a">DAY-02</FONT></u></h3>
+<p><FONT COLOR="black">On the next day, instructor Mr. Suhas sir conducted our online meet to explain what we are going to do in this week. He gave  reference to explore 3D softwares like SolidWorks, Fusion 360, FreeCAD,etc. And also my instructor Mr. Kiran sir taught me how to use OBS Video Editor software. By referring both of them I started exploring softwares. I have used GIMP for Raster drawing, INKSCAPE for Vector drawing and Solidworks, Fusion 360, AutoCAD for 2D as well as 3D designs are as follows.  </FONT></p>
+
+<p><FONT COLOR="black">First of all we have to know about 2D drawings. Basically, 2D means 2 dimensional, draw along two axes or planes. It can be X-axis, Y-axis and Z-axis. It is the composition includes the dimensions of length and width but does not include depth. There are two types of 2D images- Raster and Vector. </FONT></p> 
+<p><h4><FONT COLOR="2b2e4a">1. Raster Image</FONT></h4></p> 
+<p><FONT COLOR="black">What is  known as Raster Image? Basically, Raster image consists of rectangular arrays which are placed uniformely with sampled values. Each rectangle known as a pixel or picture element.Each pixel has one or more numbers associated with it and has specified colour according to pixel should be displayed. It is the simplest representation of an image having specified pixel by three 8 bit (24 bits total) color values including defined amount of red, green and blue color respectively in each pixel. Raster image can be in JPEG, PNG, GIF, PPM,etc. format. 
+    <br> To learn about the raster image I have explored "GIMP" software.<br><br>
+     <b><u><FONT COLOR="2b2e4a">GIMP</FONT></u></b> <br>
+    GIMP is the GNU Image Manupulation Program which is used for image manupulation and image editing. GNU is a free operating system and GIMP follows all the GNU standards. 
+    It is a free and open source raster graphics editor. In this software firstly I learnt to draw "Mandala" art. Basically, "Mandala" is a sanskrit word refered as a "circle" and traditionally Mandala is a geaometric design or a pattern that symbolized the universe in its ideal form. Specially, it's purpose is to express joy or happiness.
+    So, following are the steps to draw Mnadala art in GIMP.<br>
+    Firstly, I opened the GIMP and click on "New" from "File" tab to insert fresh blank document so that I can start to design my drawings. After clicking on "New" option they are asking to enter page layout including height and width. So, enter required dimensions as per your need. I have entered 400px by 400px. Also, I selected "White" as a background.<br>
+</FONT></p> 
+    <div>
+        <img  width="700" height="450"src="img/gimp-01.png">
+    </div> 
+    
+<p><FONT COLOR="black">Now, go to "Windows" tab and click on "Symmetric Painting" option from "Dockable Dialogs" option to draw a symmetric pattern along drawing axis. Then, select "Mandala" option from "symmetry" tab which is located at the right side of GIMP interface. Enter the number of points used to draw Mandala art. Here I have entered 15 points. Then, by clicking on "Brushes" tab you can select pattern from given list of pattern.<br>
+</FONT></p> 
+
+    <div>
+        <img  width="700" height="450"src="img/gimp-02.png">
+    </div> 
+    <p><FONT COLOR="black">    
+    Here, I have used basic line, dot, star and dotted pattern design to develop my Mandala art.<br>
+
+    <div>
+        <img  width="700" height="450"src="img/gimp-03.png">
     </div>
-    <div class="container-fluid bg-primary text-light py-4">
-        <div class="container">
-            <div class="row g-5">
-                <div class="col-md-6 text-center text-md-start">
-                    <p class="mb-md-0">&copy; <a class="text-white border-bottom" href="#">Siddhi Bodhe Fab Academy 2024</a>. All Rights Reserved.</p>
-                </div>
-                <div class="col-md-6 text-center text-md-end">
-                    <p class="mb-0">Designed by <a class="text-white border-bottom" href="https://htmlcodex.com">HTML Codex</a></p>
-                </div>
-            </div>
-        </div>
+
+</FONT></p>
+<br>
+<p><FONT COLOR="black">Here is the video of Mandala art where I have used different design patterns to createmy art.
+    <div>
+        <center>
+        <video width="700" height="450" controls>
+            <source src="video/gimp.mp4" type="video/mp4">
+          </video></center>
+     </div>   
+</FONT></p>
+
+
+<p><h4><FONT COLOR="2b2e4a">2. Vector Image</FONT></h4></p> 
+<p><FONT COLOR="black">Vector Image can be created using mathematical formulas to represent the image, rather than using a grid of pixels. This type o image is often used for logos because it can be scaled upto any size without losing the original quality of image. Vector image can be in SVG, AI, EPS, PDF, CDR, etc. format.
+    <br>
+    To learn about the vector image I have explored "CorelDRAW" software.<br><br>
+    <b><u><FONT COLOR="2b2e4a">CorelDraw</FONT></u></b> <br>
+    CorelDRAW is developed by Alludo, used to edit vector graphics and designs. Vector graphics are created in bunch of packages and each package has an object. Each object can be edited seperately in terms of shape, size, colour, etc. without losing its original quality.
+     Here, I have inserted my image to divide into different packages to engrave my portrait photo on cardboard. So, following are the steps to engrave self portrait in CorelDRAW.<br>
+     Firstly, I opened the CorelDRAW and click "New" from "File" tab to insert fresh blank document. After inserting a new blank document "Right click" on mouse to import the image. Import image by clicking on "Import" option. Now, select or drag image in the new blank document.<br>
+</FONT></p>
+<div>
+    <img  width="700" height="450"src="img/coreldraw-01.png">
+</div>
+
+<p><FONT COLOR="black">Now, go to "Bitmaps" tab and select "Grayscale" option from "Mode" option which causes to change in colour of imported image.<br>
+    
+</FONT></p>
+<div>
+    <img  width="700" height="450"src="img/coreldraw-02.png">
+</div>
+
+<p><FONT COLOR="black">Again go to "Bitmaps" tab and now select "Black and white" from "Mode" option. then there is a popup window occurs, asking to select conversion methos and screen type. So, here I have selected "Halftone" as "Conversion Method" and "Fixed 4*4" as "Screen type" which leads to convert a simple image into numbers of packages consist of object each.<br>
+    
+</FONT></p>
+<div>
+    <img  width="700" height="450"src="img/coreldraw-03.png">
+</div>
+
+<p><FONT COLOR="black">So, here is the converted image as a final output.<br>
+
+</FONT></p>
+<div>
+    <img  width="700" height="450"src="img/coreldraw-04.png">
+</div>
+
+<p><h4><FONT COLOR="2b2e4a">Raster Image Vs Vector Image</FONT></h4></p> 
+<p><FONT COLOR="black">Vector images are basically created using lines and shapes that are mathematically defined. This means that this image can be maximized or minimized upto ny range without losing its original quality. On the other hand, Raster Image are created using pixels, consists of colours with defined values. This type of images loses its original quality on miximizing but it can be minimized without any problem.  </FONT></p>
+<div>
+    <img  width="700" height="450"src="img/rastervsvector.png">
+</div>
+
+</div>
+<br>
+
+<!--Day-02 End-->
+
+<!--Day-03 start-->
+<div><p><h3><u><FONT COLOR="f77d0a">DAY-03</FONT></u></h3></p>
+<p><FONT COLOR="black">On the third day, I have started to explore 3D design softwares. What is meant by 3D drawings? So, 3D means 3 dimensional includes 3 axes or planes. This drawing includes dimensions of height, width and depth. Basically, it is used to visualize any hypothetical object in physical form.  </FONT></p>
+
+<p><h4><FONT COLOR="2b2e4a">1. SolidWorks</FONT></h4></p> 
+<p><FONT COLOR="black">SolidWorks is a 2D and 3D CAD software developed by Dassault Systems specially used for product development solution. <br>
+Here, i have did the assembly of Knuckle joint. Knuckle joint is mechanical joint that connects two rods or pipes at an angle, allowing limited angular movement and rotation between them. It is typically used in bicycle chain links, suspension systems and steering linkages in vehicles.<br>
+Knuckle joint assembly consists of:- <br>
+1) Two rods are to be connected.<br>
+2) Fork End.<br>
+3) Eye End. <br>
+4) Knuckle pin. <br>
+5) Collar. <br>
+6) Tapper pin. <br><br>
+Here are the brief description and design of each part.<br>
+<b><u>1) Two rods:-</b></u><br>
+The knuckle joint is connected with two shafts. One rod has an eye at one end whereas the other has two ends that resembles a fork.Now to draw 3D drawing of all the parts I have used some basic command of SolidWorks like sketch, trim, dimensions, normal to, units,etc.<br>
+2) Fork End:-<br>
+Fork end typically has two ends and fork like structure. Because one end is for entering the knuckle pin and the other for the collar where tapper pin is place. This joint is completely closed.To draw this part I have used following commands:-<br>
+
+(a) Firstly I selected "Top plane" to draw this part.<br>
+(b) I have inserted Centerline using "centreline" command as a reference to draw geometry of a part.<br>
+(c) I have added Rectangle using "Corner point Rectangle" command to make body of this part.<br>
+(d) Then using "Boss-Extrude" command to make solid body of drawn geometry.<br>
+(e) "Mirror Entities" command is used to draw exact geometry along horizontal or vertical plane.<br>
+(f) "Convert Entities" command is used to project edges of a face onto the active sketch.<br>
+(g) To convert sharp edges into smooth edges I used "Fillet" command.<br>
+(h) I used "Vertical" relation to align two or more Entities like line, circle, mid points, corner points, etc. vertically with each other along vertical plane.<br>
+(i) "Cut-Extrude" used to remove unwanted material from solid body and provide proper shape to a part.<br>
+(j) Using "Tangent" relation I have aligned circle and line with each other.<br>
+(k) "Symmetric" relation is used to make two or more line symmetric with each other along a same plane.<br>
+(l) By using all the above mentioned commands I created Fork End part and lastly changed its colour into Orange using "Edit Appearance" command.<br> 
+
+Following picture shows the design of Fork End.<br>
+</FONT></p>
+<div>
+    <img  width="700" height="450"src="img/week02-image-01.png">
+</div>  
+<br> 
+
+<p><b><u><FONT COLOR="black">3) Eye End:-</u></b><br>
+The eye end has two holes is positioned between fork end of the two holes so that all holes are joined. After completing drawing of Eye End I learned following commands.<br>
+
+(a) Firstly I selected "Front plane" to draw this part.<br>
+(b) I have inserted Centerline using "Centreline" command as a reference to draw geometry of a part.<br>
+(c) I have added two circles using "Circle-Radius" command aligned with origin.<br>
+(d) "Corner rectangle" command is used to insert rectangle from corner end points.<br>
+(e) I used "Symmetric" relation to align circle and rectangle symmetrically.<br>
+(f) To convert sharp edges into smooth edges I used "Fillet" command.<br>
+(g) Then using "Boss-Extrude" command to make solid body of drawn geometry.<br>
+(h) I used "Horizontal" relation to align two or more Entities like line, circle, mid points, corner points, etc. horizontally with each other along horizontal plane.<br>
+(i) "Circular sketch pattern" command is used to create duplicate geometry of selected geometry along centre point in circular pattern.<br>
+(j) Finally I used "Edit appearance" command to change its colour into Red colour.<br> 
+
+Following picture shows the design of eye end.
+</FONT></p>
+<div>
+    <img  width="700" height="450"src="img/week02-image-02.png">
+</div>
+<br>
+
+<p><u><b><FONT COLOR="black">4) Knuckle Pin:-</b></u><br>
+    The knuckle pin is inserted through holes, firmly joining them. The tapper pin is inserted into small hole of the knuckle joint.To draw this part I have used following commands:-<br>
+    
+(a) Firstly I selected "Front plane" to draw this part.<br>
+(b) I have used "Line" command to draw geometrical body of a part.<br>
+(c) "Revolve Boss/Base" command used to add or remove a material by revolving around one or more profiles around centerline.<br>
+(d) I have added circle using "Circle-Radius" command aligned with origin.<br>
+(e) I used "Horizontal" relation to align two or more Entities like line, circle, mid points, corner points, etc. horizontally with each other along horizontal plane.<br>
+(f) "Cut-Extrude" used to remove unwanted material from solid body and provide proper shape to a part.<br>
+(g) Finally I used "Edit appearance" command to change its colour into Yellow colour.<br> 
+    
+    Following picture shows the design of knuckle pin.</FONT></p>   
+    <div>
+        <img  width="700" height="450"src="img/week02-image-03.png">
+    </div>
+<br>
+
+<p><u><b><FONT COLOR="black">5) Collar:-</b></u><br>
+    The collar has two-hole for passing the taper pin. The collar is placed at the end of the knuckle pin in such a way that the hole meets the hole at the knuckle joint.To draw this part I have used following commands:-<br>
+    
+(a) Firstly I selected "Front plane" to draw this part.<br>
+(b) I have added circle using "Circle-Radius" command aligned with origin.<br>
+(c) "Revolve Boss/Base" command used to add or remove a material by revolving around one or more profiles around centerline.<br>
+(d) I used "Vertical" relation to align two or more Entities like line, circle, mid points, corner points, etc. vertically with each other along vertical plane.<br>
+(e) "Cut-Extrude" used to remove unwanted material from solid body and provide proper shape to a part.<br>
+(g) Finally I used "Edit appearance" command to change its colour into Green colour.<br> 
+
+    Following picture shows the design of collar.</FONT></p>   
+    <div>
+        <img  width="700" height="450"src="img/week02-image-04.png">
+    </div>
+<br>
+
+<p><u><b><FONT COLOR="black">6) Taper Pin:-</b></u><br>
+    The tapper pin is used to tightened the collar and keep them sliding. The pin is subjected to bending moment in addition to shear. To draw this part I have used following commands:-<br>
+    
+(a) Firstly I selected "Top plane" to draw this part.<br>
+(b) I have added circle using "Circle-Radius" command aligned with origin.<br>
+(c) Then using "Boss-Extrude" command to make solid body of drawn geometry.<br>
+(d) Finally I used "Edit appearance" command to change its colour into Blue colour.<br> 
+    
+    Following picture shows the design of Tapper pin.</FONT></p>   
+    <div>
+        <img  width="700" height="450"src="img/week02-image-05.png">
     </div>
-    <!-- Footer End -->
+    <br>
+<p><FONT COLOR="black">And here is the assembly of all the parts produces knuckle joint.</FONT></p><br>
+<div>
+    <center>
+    <video width="700" height="450" controls>
+        <source src="video/solidworks.mp4" type="video/mp4">
+      </video></center>
+ </div>   
+</div>
+
+<p><h4><FONT COLOR="2b2e4a">2. Fusion 360</FONT></h4></p>
+<p><FONT COLOR="black"> Fusion 360 is also a 3D CAD software developed by AutoDesk used to create 3D designs, collaborate, manage data, create toolpaths and run simulations to validate the design.
+    <br>
+    I have created a design of "Basket" in Fusion 360. Following are the steps required:- <br>
+(a) First of all, to create a basket bottom layer I have inserted a circle with defined diameter using "Circle" command.<br>
+(b) Then, constructed an Offset plane from this circle in upward direction with defined distance.<br>
+(c) Inserted one more circle concentric with previous one on the constructed Offset plane.<br>
+(d) To make a shape of bowl I used "Loft" command. Loft command creates a smooth surface body that transitions between two or more sketch profiles or planar faces.<br>
+(e) Select profile 1 and 2, drag arrow to define direction which causes change in shape of body.<br>
+(f) For ring pattern, create Offset plane and used "Project-Solid body" command from "Create sketch".<br>
+(g) Repeat step (f) for each Offset plane.<br>
+(h) Then used "pipe" command to convert curve into pipe form.<br>
+(i) Select operation type different for each part (New component-Pipe, Horizontal pipe-Join, Upper surface edge-New body).<br>
+
+
+</FONT></p>
+
+<div>
+    <img  width="750" height="450"src="img/week02-image-06.png">
+</div>
+
+<!--Day-03 End-->
+
+<!--Day-04 Start-->
+<div><p><h3><u><FONT COLOR="f77d0a">DAY-04</FONT></u></h3></p>
+
+    <p><h4><FONT COLOR="2b2e4a">3. AutoCAD</FONT></h4></p>
+<p><FONT COLOR="black">AutoCAD is computer aided design software that is used for drafting and modelling of 2D and 3D drawings.
+<br>
+  I have explored this software using "Centre finding method by inscribed and exterior circles" and "Ogee curve".<br>
+  <b><u>(a) Centre finding method by inscribed and exterior circles:-</u></b><br>
+  1) Draw a circle of radius 10mm.<br>
+  2) Draw a circle of radius 40mm.<br>
+  3) Draw a straight line from center of 110mm and vertical 16mm.<br>
+  4) Draw a circle of 90mm from center and 50mm from a end of horizontal line.<br>
+  5) Draw a circle at a intersection point where 90mm and 50mm radius circle intersect.<br>
+  6) Draw one more circle of 54mm radius from center and 94mm circle from end of vertical.<br>
+  7) Draw a circle at a intersection point where 54mm and 94mm circle meet at downword.<br>
+  8) Trim unwanted geometry to obtain drawing.<br>
+
+</FONT></p>
+<div>
+    <img  width="750" height="450"src="img/week02-image-07.png">
+</div><br>
+<p><FONT COLOR="black"><b><u>(b) Ogee Curve:-</u></b>
+What is Ogee curve? Ogee curve is a type curve generally used in architecture or designing. The word "Ogee" refers to an edge or a corner. Here is the method to draw Ogee curve in AutoCAD.<br>
+1) Take a square of 32mm length.<br>
+2) Rotate a square by 45deg.<br>
+3) Offset a square by 6mm inside.<br>
+4) Draw a horizontal straight line of 160mm and vertical line downward 52mm to get center of a polygon.<br>
+5) Select polygon of 5 sides inscribed in the circle of radius 22mm.<br>
+6) Rotate pentagon and offset pentagon by 6mm inside.<br>
+7) Draw a line joining square and pentagon.<br>
+8) Break the line in two parts from center.<br>
+9) Draw a straight line from square downward.<br>
+10) Offset the break line in upward.<br>
+11) Draw a perpendicular to both the lines.<br>
+12) Expand the perpendicular line to downward.<br>
+13) Then draw a circle.<br>
+14) Do similar process in opposite side of pentagon.<br>
+15) Trim the unwanted portion.<br>  
+16) Now offset the curve from both sides by 11mm.<br>
+17) Expand it upto end.<br>
+18) Draw a line at a center of a curve and offset it by 5.5mm.<br>
+19) Take "(Axis,End)" command and draw a eclipse.<br> 
+
+</FONT></p>
+<div>
+    <img  width="750" height="450"src="img/week02-image-08.png">
+</div><br>
+</div>
+<!--Day-04 End-->
+
+<!--Downloads start-->
+   <h1>Downloads</h1>
+   <p>
+    <a href="files/week-02/knuckle joint.zip">SolidWorks - Knuckle Joint Assembly</a>
+   </p>
+<!--Downloads end-->
+
+<!--Documentation End-->
+
+    <!-- Footer Start -->
+    <div>
+        <p><center><u><h3><FONT COLOR="2b2e4a">Siddhi Bodhe Fab Academy&#128513;</FONT></h3></u></center></p><br><br>
+     </div>   
+     <!-- Footer End -->
 
 
     <!-- Back to Top -->