skip to Main Content
The smarter way
to do assignments.

Please note that this is just a preview of a school assignment posted on our website by one of our clients. If you need assistance with this question too, please click on the Order button at the bottom of the page to get started.

Requirements: 1. Postera. size – width (between 900px and 1100px), height (between 2000px – 3000px)b. Title of your poster is mandatoryc. Design Principle is mandatory (including typography)d. topic and style appropriatee. One SVG filei. Design from Adobe Illustratorii. All elements must be residing in this fileiii. Save the file as svg formatf. To display this posteri. Place the above svg file in a html document using tag2. Greatii. Use of external JS to implement interactivities and animation is mandatoryStorytelling – must have a beginning and an end with a message3. Interactivitiesa. Minimum # of interactivities – 5b. Hover or Clickable graphicsc. Use of JavaScript is mandatoryd. Must be error-free4. Animationa. subtle background motion or specific objects such as graphic or text.b. Sequence of animation is logicalc. Use of GSAP is mandatoryd. Must be error-free5. Naming Conventiona. Create a folder and name it as banner id_A1 (e.g. 100123456_A1)b. Place index.html, main.css, script.js, poster.svg, inside this folder6. Proposal Submissiona. A pdf document that contains the followingi. 1st page – Your full name, banner id, course code and submission date ii. 2nd page – title of your poster, message in which you would like toconvey, subject matter you would like to use iii. Rough Sketchiv. List of interactivities and animation sequenceb. Name this pdf file as your banner id_A1.pdf (100123456_A1.pdf)c. Upload the pdf file to DC Connect – Assignment Section – “Assignment OneProposal” folder7. Final Submission ( a total of two submissions of the same file, one is zipped and one isnot )a. Zip the folder from 5. and upload to the DC Connect – Assignment section –“Assignment One” folderb. FTP the folder to dca server such as Fetch or Cyber Ducki. with your own user idii. create a folder “CMP3100”iii. place the folder inside iiCMP3100How to set up your project Research the topic
Sketch your design
Make a copy of the template folder
Rename the folder name to be your project
Use Adobe Illustrator to map out the design
Save the file as inside img subfolder
Export as xxx.svg and place inside img subfolder
Draw the folder to VS Code
Open MustAdd note, copy the content
Place the content to the first line of the xxx.svg file • Open index.html
§Change “description” and to reflect the subject matter Open xxx.svg<br /> §Copy the internal css (highlighted section below)from this file and paste it inside the style.csse.g.<defs> </p> <style>.cls-1 { fill: #7ac943;} .cls-2 { fill: none; stroke: red; stroke-linecap: round; }stroke-miterlimit: 10; stroke-width: 10px; </style> <p></defs><rect id="bkground" class="cls-1" width="400"height="400"/><line id="theLine" class="cls-2" x1="39.48" y1="190.06" x2="339.48" y2="190.06"/> </svg>§delete lines from <def> to </defs> (highlighted below)….e.g.<svg id="movingLine"xmlns="" viewBox="0 0 400 400"><defs></p> <style> .cls-1 { fill: #7ac943;} .cls-2 { }fill: none; stroke: red; stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 10px; </style> <p> </defs><rect id="bkground" class="cls-1" width="400" height="400"/><line id="theLine" class="cls-2" x1="39.48" y1="190.06" x2="339.48" y2="190.06"/> </div><div class="vcex-spacing" style="height:30px"></div><section class="vc_cta3-container" > <div class="vc_general vc_cta3 vc_cta3-style-classic vc_cta3-shape-rounded vc_cta3-align-left vc_cta3-color-classic vc_cta3-icon-size-md vc_cta3-actions-right"> <div class="vc_cta3_content-container"> <div class="vc_cta3-content"> <header class="vc_cta3-content-header"> <h2>GET HELP WITH THIS ASSIGNMENT TODAY</h2> </header> <p>Clicking on this button will take you to our custom assignment page. Here you can fill out all the additional details for this particular paper (grading rubric, academic style, number of sources etc), after which your paper will get assigned to a course-specific writer. If you have any issues/concerns, please don’t hesitate to contact our live support team or email us right away.</p> </div> <div class="vc_cta3-actions"><div class="vc_btn3-container vc_btn3-right" > <a class="vc_general vc_btn3 vc_btn3-size-lg vc_btn3-shape-round vc_btn3-style-flat vc_btn3-block vc_btn3-color-warning" href="" title="">ORDER THIS PAPER</a></div> </div> </div> </div> </section> </div></div></div><div class="wpb_column vc_column_container vc_col-sm-2"><div class="vc_column-inner "><div class="wpb_wrapper"></div></div></div></div><div class="vc_row-full-width vc_clearfix"></div><div data-vc-full-width="true" data-vc-full-width-init="false" class="vc_row wpb_row vc_row-fluid vc_custom_1524756586815 wpex-vc_row-has-fill wpex-vc-row-stretched"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner "><div class="wpb_wrapper"><div class="vcex-spacing" style="height:30px"></div> <div class="wpb_text_column wpb_content_element " > <div class="wpb_wrapper"> <p style="text-align: center;"><span style="color: #ffffff;"><strong><a style="text-decoration: none; color: #ffffff;" href="">How It Works</a>        |        <a style="text-decoration: none; color: #ffffff;" href="">About Us</a>       |       <a style="text-decoration: none; color: #ffffff;" href="">Contact Us</a></strong></span></p> </div> </div> <div class="vcex-spacing" style="height:25px"></div> <div class="wpb_text_column wpb_content_element " > <div class="wpb_wrapper"> <p style="text-align: center;"><span style="color: #ffffff;">© 2018 |<strong> Intelli Essays Homework Service®</strong></span></p> </div> </div> </div></div></div></div><div class="vc_row-full-width vc_clearfix"></div> </div> </div><!-- #content --> </div><!-- #primary --> </div><!-- .container --> </main><!-- #main-content --> </div><!-- #wrap --> </div><!-- .outer-wrap --> <!--Start of Script (0.3.3)--> <script type="text/javascript"> var Tawk_API=Tawk_API||{}; var Tawk_LoadStart=new Date(); (function(){ var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0]; s1.async=true; s1.src=''; s1.charset='UTF-8'; s1.setAttribute('crossorigin','*'); s0.parentNode.insertBefore(s1,s0); })(); </script> <!--End of Script (0.3.3)--> <div style="display:none"> </div> <a href="#outer-wrap" id="site-scroll-top"><span class="fa fa-chevron-up" aria-hidden="true"></span><span class="screen-reader-text">Back To Top</span></a> <script type='text/javascript' src=''></script> <script type='text/javascript' src=''></script> <script type='text/javascript'> /* <![CDATA[ */ var WPGroHo = {"my_hash":""}; /* ]]> */ </script> <script type='text/javascript' src=''></script> <script type='text/javascript'> /* <![CDATA[ */ var wpexLocalize = {"isRTL":"","mainLayout":"full-width","menuSearchStyle":"","siteHeaderStyle":"disabled","megaMenuJS":"1","superfishDelay":"600","superfishSpeed":"fast","superfishSpeedOut":"fast","hasMobileMenu":"","mobileMenuBreakpoint":"960","mobileMenuStyle":"toggle","mobileMenuToggleStyle":"navbar","localScrollUpdateHash":"","localScrollHighlight":"1","localScrollSpeed":"1000","localScrollEasing":"easeInOutExpo","scrollTopSpeed":"1000","scrollTopOffset":"100","carouselSpeed":"150","lightboxType":"iLightbox","customSelects":".woocommerce-ordering .orderby, #dropdown_product_cat, .widget_categories select, .widget_archive select, #bbp_stick_topic_select, #bbp_topic_status_select, #bbp_destination_topic, .single-product .variations_form .variations select, .widget .dropdown_product_cat, .vcex-form-shortcode select","overlaysMobileSupport":"1","responsiveDataBreakpoints":{"tl":"1024px","tp":"959px","pl":"767px","pp":"479px"},"ajaxurl":"http:\/\/\/wp-admin\/admin-ajax.php","loadMore":{"text":"Load More","loadingText":"Loading...","failedText":"Failed to load posts."},"animateMobileToggle":"1","mobileToggleMenuPosition":"afterself","iLightbox":{"auto":false,"skin":"minimal","path":"horizontal","infinite":false,"maxScale":1,"minScale":0,"width":1400,"height":"","videoWidth":1280,"videoHeight":720,"controls":{"arrows":true,"thumbnail":true,"fullscreen":true,"mousewheel":false,"slideshow":true},"slideshow":{"pauseTime":3000,"startPaused":true},"effects":{"reposition":true,"repositionSpeed":200,"switchSpeed":300,"loadedFadeSpeed":50,"fadeSpeed":500},"show":{"title":true,"speed":200},"hide":{"speed":200},"overlay":{"blur":true,"opacity":"0.9"},"social":{"start":true,"show":"mouseenter","hide":"mouseleave","buttons":false},"text":{"close":"Press Esc to close","enterFullscreen":"Enter Fullscreen (Shift+Enter)","exitFullscreen":"Exit Fullscreen (Shift+Enter)","slideShow":"Slideshow","next":"Next","previous":"Previous"},"thumbnails":{"maxWidth":120,"maxHeight":80}}}; /* ]]> */ </script> <script type='text/javascript' src=''></script> <script type='text/javascript'> /* <![CDATA[ */ var wpexRetina = {"mode":"2"}; /* ]]> */ </script> <script type='text/javascript' src=''></script> <script type='text/javascript' src=''></script> <script type='text/javascript' src=''></script> <script type='text/javascript' src='' async='async' defer='defer'></script> <script type='text/javascript'> _stq = window._stq || []; _stq.push([ 'view', {v:'ext',j:'1:6.5.1',blog:'144624982',post:'298067',tz:'0',srv:''} ]); _stq.push([ 'clickTrackerInit', '144624982', '298067' ]); </script> </body> </html>