204
edits
Changes
m
no edit summary
*On-campus, we successfully conducted 24 Design Thinking sessions. Every session, we changed our techniques by bringing new activities for better immersion and fun learning. In addition, we held two online Design Thinking workshops, one Starter Kit workshop, and four revised Starter Kit workshops. Our workshops drew well over 1500 students. Aside from that, we also had student interactions. We provided students with assistance and direction in order for them to meet their needs on campus. Every year, we held an orientation session for newcomers to help them better comprehend college.
<br />
[[File:Frameuif.png|alt="Creativity is inventing, experimenting, growing, taking risks, breaking rules, making mistakes, and having fun."|center|1209x1209px|footer]]
<br />
==Social Media:==
[[Category:Madanapalle_Institute_of_Technology_and_Science_(2018_Fall_cohort)]]
[[Category:Student_Contributors]]
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Simple CSS Waves | EL Creative Academy<br /title> </head> <style> body { margin: 0; } h1 { font-family: Quicksand, "Segoe UI", sans-serif; font-weight: 300; font-size: 48px; } p { font-family: Quicksand, "Segoe UI", sans-serif; font-size: 14px; color: #333; } .header { position: relative; text-align: center; background: -o-linear-gradient(30deg, rgba(84, 58, 183, 1) 0%, rgba(0, 172, 193, 1) 100%); background: linear-gradient(60deg, rgba(84, 58, 183, 1) 0%, rgba(0, 172, 193, 1) 100%); color: #fff; } .inner-header { height: 65vh; width: 100%; margin: 0; padding: 0; } .content { position: relative; height: 20vh; text-align: center; background-color: #fff; } .flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } .waves { position: relative; width: 100%; height: 15vh; margin-bottom: -7px; min-height: 100px; max-height: 100px; } .parallax > use { -webkit-animation: moveForever 25s cubic-bezier(.55, .5, .45, .5) infinite; animation: moveForever 25s cubic-bezier(.55, .5, .45, .5) infinite; } .parallax > use:nth-child(1) { -webkit-animation-delay: -2s; animation-delay: -2s; -webkit-animation-duration: 7s; animation-duration: 7s; } .parallax > use:nth-child(2) { -webkit-animation-delay: -3s; animation-delay: -3s; -webkit-animation-duration: 10s; animation-duration: 10s; } .parallax > use:nth-child(3) { -webkit-animation-delay: -4s; animation-delay: -4s; -webkit-animation-duration: 13s; animation-duration: 13s; } .parallax > use:nth-child(4) { -webkit-animation-delay: -5s; animation-delay: -5s; -webkit-animation-duration: 20s; animation-duration: 20s; } @-webkit-keyframes moveForever { 0% { -webkit-transform: translate3d(-90px, 0, 0); transform: translate3d(-90px, 0, 0); } 100% { -webkit-transform: translate3d(85px, 0, 0); transform: translate3d(85px, 0, 0); } } @keyframes moveForever { 0% { -webkit-transform: translate3d(-90px, 0, 0); transform: translate3d(-90px, 0, 0); } 100% { -webkit-transform: translate3d(85px, 0, 0); transform: translate3d(85px, 0, 0); } } @media (max-width : 768px) { h1 { font-size: 24px; } .content { height: 30vh; } .waves { height: 40px; min-height: 40px; } } </style> <body> <nowiki><div class="header"></nowiki> <svg class="waves" xmlns="<nowiki>http://www.w3.org/2000/svg</nowiki>" xmlns:xlink="<nowiki>http://www.w3.org/1999/xlink</nowiki>" viewBox="0 24 150 28" preserveAspectRatio="none" shape-rendering="auto"> <defs><path id="gentle-wave" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z" /></defs> <g class="parallax"> <use xlink:href="#gentle-wave" x="48" y="0" fill="rgba(255,255,255,0.7" /> <use xlink:href="#gentle-wave" x="48" y="3" fill="rgba(255,255,255,0.5)" /> <use xlink:href="#gentle-wave" x="48" y="5" fill="rgba(255,255,255,0.3)" /> <use xlink:href="#gentle-wave" x="48" y="7" fill="#fff" /> </g> </svg> <nowiki></div></nowiki> </body> </html>