<div class=”graphic-design-lesson”>
<h2>Lesson 1: Graphic & Web Design Principles</h2>
<!– Embedded PDF Lecture –>
<div class=”pdf-lecture”>
<h3>Course Lecture: Graphic Design</h3>
<div class=”pdf-item”>
<div class=”pdf-wrapper”><iframe src=”https://drive.google.com/file/d/1nWaxBGN_1nguU2AMrkZuuI8ceixLUE61/preview”></iframe></div>
<div class=”pdf-controls”><a class=”pdf-pop-out-btn” href=”https://vimeo.com/1211968523/77dd1e7f0c?share=copy&fl=sv&fe=ci” rel=”noopener”>
Pop-out View
</a></div>
</div>
</div>
<!– Video Grid for Lesson 1 –>
<div class=”video-grid”>
<div class=”video-item”>
<div class=”video-wrapper”><iframe src=”https://vimeo.com/1211968523/77dd1e7f0c?share=copy&fl=sv&fe=ci” allowfullscreen=”allowfullscreen”></iframe></div>
<h4>Video 1.1: Lines</h4>
</div>
<div class=”video-item”>
<div class=”video-wrapper”><iframe src=”https://drive.google.com/file/d/1hy2E4Tm3dikplXcJCtS4uVO3j-15WcxK/preview” allowfullscreen=”allowfullscreen”></iframe></div>
<h4>Video 1.2: Colors</h4>
</div>
<div class=”video-item”>
<div class=”video-wrapper”><iframe src=”https://drive.google.com/file/d/1GC-ZA4-8-0sMYdhosRSzjn92JFWoKO2v/preview” allowfullscreen=”allowfullscreen”></iframe></div>
<h4>Video 1.3: Typography</h4>
</div>
<div class=”video-item”>
<div class=”video-wrapper”><iframe src=”https://drive.google.com/file/d/1yoZuhyuZPeEp50E6Van_jvt6ySz51eCm/preview” allowfullscreen=”allowfullscreen”></iframe></div>
<h4>Video 1.4: Design Principles</h4>
</div>
<div class=”video-item”>
<div class=”video-wrapper”><iframe src=”https://drive.google.com/file/d/1GC-ZA4-8-0sMYdhosRSzjn92JFWoKO2v/preview” allowfullscreen=”allowfullscreen”></iframe></div>
<h4>Video 1.5: Graphic Design</h4>
</div>
</div>
</div>
<!– =================== LESSON 2: Inkscape Basics =================== –>
<div class=”graphic-design-lesson”>
<h2>Lesson 2: Inkscape Basics</h2>
<!– Video Grid for Lesson 2 –>
<div class=”video-grid”>
<div class=”video-item”>
<div class=”video-wrapper”><iframe src=”https://drive.google.com/file/d/1cE84GXlc2NjIBx4Dt8t6L94ujhNWdkqU/preview” allowfullscreen=”allowfullscreen”></iframe></div>
<h4>Video 2.1: Vector vs Raster</h4>
</div>
<div class=”video-item”>
<div class=”video-wrapper”><iframe src=”https://drive.google.com/file/d/13i_5kOOLOFoCefVN5NRUufVqYo6SLktt/preview” allowfullscreen=”allowfullscreen”></iframe></div>
<h4>Video 2.2: Inkscape Documents Preferences</h4>
</div>
<div class=”video-item”>
<div class=”video-wrapper”><iframe src=”https://drive.google.com/file/d/12gi63ePO-5kUh_UNG4xon2zdfNIBvT_-/preview” allowfullscreen=”allowfullscreen”></iframe></div>
<h4>Video 2.3: Rectangles: Create, Scaling, Rotating</h4>
</div>
<div class=”video-item”>
<div class=”video-wrapper”><iframe src=”https://drive.google.com/file/d/1547u-Lbkzb1fZw_HxKQyPLI6iBVhG47M/preview” allowfullscreen=”allowfullscreen”></iframe></div>
<h4>Video 2.4: Colors</h4>
</div>
<div class=”video-item”>
<div class=”video-wrapper”><iframe src=”https://drive.google.com/file/d/1kAsiuNoTxNGIfG_4_4M_HEU4EBkshYm1/preview” allowfullscreen=”allowfullscreen”></iframe></div>
<h4>Video 2.5: Creating Text</h4>
</div>
<div class=”video-item”>
<div class=”video-wrapper”><iframe src=”https://drive.google.com/file/d/1nmXKANVNprUzpJKWsHQyhlxKTtFqLRGk/preview” allowfullscreen=”allowfullscreen”></iframe></div>
<h4>Video 2.6: Align, Distribute, Group and Ungroup</h4>
</div>
<div class=”video-item”>
<div class=”video-wrapper”><iframe src=”https://drive.google.com/file/d/1hGkaApTs3tU8f2iDDJ970p8CbEqeIibi/preview” allowfullscreen=”allowfullscreen”></iframe></div>
<h4>Video 2.7: Boolean Operations</h4>
</div>
<div class=”video-item”>
<div class=”video-wrapper”><iframe src=”https://drive.google.com/file/d/1OnqDw8BREzZSv7zDGXeMMYtb87hdl_VQ/preview” allowfullscreen=”allowfullscreen”></iframe></div>
<h4>Video 2.8: Other Shapes (Circles, Polygons, Bezier Pen)</h4>
</div>
<div class=”video-item”>
<div class=”video-wrapper”><iframe src=”https://drive.google.com/file/d/1DxukWjn2WdKOESGSAMRoR8lHlY4l51iZ/preview” allowfullscreen=”allowfullscreen”></iframe></div>
<h4>Video 2.9: Exporting</h4>
</div>
<div class=”video-item”>
<div class=”video-wrapper”><iframe src=”https://drive.google.com/file/d/13ux96ni_HeWFje7Y39FV7LPXTkdnZZUc/preview” allowfullscreen=”allowfullscreen”></iframe></div>
<h4>Video 2.10: Using Layers</h4>
</div>
<div class=”video-item”>
<div class=”video-wrapper”><iframe src=”https://drive.google.com/file/d/1d3LIfHxj9W_UHBslo6FpIuumiHdECPAD/preview” allowfullscreen=”allowfullscreen”></iframe></div>
<h4>Video 2.11: Using Grids</h4>
</div>
</div>
</div>
<!– =================== LESSON 3: Let’s Create Our CV =================== –>
<div class=”graphic-design-lesson”>
<h2>Lesson 3: Let’s Create Our CV</h2>
<!– Video Grid for Lesson 3 –>
<div class=”video-grid”>
<div class=”video-item”>
<div class=”video-wrapper”><iframe src=”https://drive.google.com/file/d/1arByn83OYUakdEClc0hlpqevPCSNWpnd/preview” allowfullscreen=”allowfullscreen”></iframe></div>
<h4>Video 3.1: Setting up Document and Layers</h4>
</div>
<div class=”video-item”>
<div class=”video-wrapper”><iframe src=”https://drive.google.com/file/d/1_ajOCMW5pVkVdLCJaPTqS-y9NwUKna_C/preview” allowfullscreen=”allowfullscreen”></iframe></div>
<h4>Video 3.2: Contacts Section</h4>
</div>
<div class=”video-item”>
<div class=”video-wrapper”><iframe src=”https://drive.google.com/file/d/1TMSwV8j73xFXqRbu6yolxdLZaVv4rHxa/preview” allowfullscreen=”allowfullscreen”></iframe></div>
<h4>Video 3.3: Finishing Contacts Section</h4>
</div>
<div class=”video-item”>
<div class=”video-wrapper”><iframe src=”https://drive.google.com/file/d/1teAubQUIeuUH4HuRcmH8SwMh7GssLC5A/preview” allowfullscreen=”allowfullscreen”></iframe></div>
<h4>Video 3.4: Creating Profile Image</h4>
</div>
</div>
</div>
