<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Refraction Gradshow</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
<link href='//netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet'/>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id="loader" class="loader_centre"></div>
<div class="hero">
<video autoplay muted class="logoanimate">
<source src="images/logoanimatenew.mp4" type="video/mp4">
</video>
<video autoplay muted loop class="bganimate">
<source src="images/gradient animate.mp4" type="video/mp4">
</video>
<img src="images/logowhite.png" class="logo">
</div>
<div class="about">
<h2 class="headline">.an ending for a new beginning
</h2>
<div class="abt_one">
<p>Translating the new way of living from the world's pandemic, we as designers, chose to adapt by calling off a physical design event and proactively came with a new strategy - this website - acting as the ultimate medium to demonstrate the designers from the Digital Design Class of 2021 at Curtin Mauritius University.
<br><br>
Inspired by the behavior of light, this virtual event aims at mimicking the journey of the design student in becoming a designer to join the creative force in agencies. This platform networks our spectrum of designers with key players in the advertising and communication industry, before entering the working world. Our aspiring Digital Designers at Curtin Mauritius will showcase the three-year journey, refracting the creative works through their inspiring portfolio.</p>
</div>
<p>We are grateful for your presence and thank you for your precious time to network with our young designers.</p>
</div>
<div class="container">
<div class="hs__wrapper">
<div class="hs__header">
<h2 class="hs__headline">.the spectrum
</h2>
</div>
<ul class="hs">
<li class="hs__item">
<div class="hs__item__image__wrapper">
<img class="hs__item__image" src="images/1.jpg" alt=""/>
</div>
<div class="hs__item__description"><span class="hs__item__title">. Alexandre Ricot</span><span class="hs__item__worktitle">Multidisciplinary Designer</span><span class="hs__item__subtitle">Alexandre is a creative multidisciplinary designer, passionate about the arts and with a great eye for detail.</span><br><a href="https://alexandrericot.com/" target="_blank">Portfolio</a></div>
</li>
<li class="hs__item">
<div class="hs__item__image__wrapper">
<img class="hs__item__image" src="images/2.jpg" alt=""/>
</div>
<div class="hs__item__description"><span class="hs__item__title">. Allison Lee Mo Lin</span><span class="hs__item__worktitle">Videographer | Video Editor</span><span class="hs__item__subtitle">Allison is a very understanding and compassionate person who is easy-going and likes to spend time with her friends and family.</span><br><a href="https://allisonlml38.000webhostapp.com/" target="_blank">Portfolio</a></div>
</li>
<li class="hs__item">
<div class="hs__item__image__wrapper">
<img class="hs__item__image" src="images/3.jpg" alt=""/>
</div>
<div class="hs__item__description"><span class="hs__item__title">. Ansley Pahladi</span><span class="hs__item__worktitle">Graphic Designer</span><span class="hs__item__subtitle"> Very calm, passionate and an Introvert at heart, Ansley is a talented graphic designer, and a great fan of football and hiking.</span><br><a href="" target="_blank">Portfolio</a></div>
</li>
<li class="hs__item">
<div class="hs__item__image__wrapper">
<img class="hs__item__image" src="images/4.jpg" alt=""/>
</div>
<div class="hs__item__description"><span class="hs__item__title">. Bhudeshwar Shewraj</span><span class="hs__item__worktitle">Digital Designer</span><span class="hs__item__subtitle">Being mentored by creative professionals, Bhudeshwar believes he has developed a real creative potential.</span><br><a href="https://19955092.wixsite.com/bhudeshwarshewraj" target="_blank">Portfolio</a></div>
</li>
<li class="hs__item">
<div class="hs__item__image__wrapper">
<img class="hs__item__image" src="images/5.jpg" alt=""/>
</div>
<div class="hs__item__description"><span class="hs__item__title">. Bhavesh Hanuman</span><span class="hs__item__worktitle">Graphic Designer | Illustrator</span><span class="hs__item__subtitle">Bhavesh is a passionate dynamic graphic designer and illustrator with a great eye for detail.</span><br><br><a href="" target="_blank">Portfolio</a></div>
</li>
<li class="hs__item">
<div class="hs__item__image__wrapper">
<img class="hs__item__image" src="images/6.jpg" alt=""/>
</div>
<div class="hs__item__description"><span class="hs__item__title">. Charli Breeze</span><span class="hs__item__worktitle">Digital Designer</span><span class="hs__item__subtitle">Charli is an English international student, she has a great passion for digital, graphics and web design. She creates brands for people to be proud of.</span><a href="http://charlibreeze.com/" target="_blank">Portfolio</a></div>
</li>
<li class="hs__item">
<div class="hs__item__image__wrapper">
<img class="hs__item__image" src="images/7.jpg" alt=""/>
</div>
<div class="hs__item__description"><span class="hs__item__title">. Cheran Soowamber</span><span class="hs__item__worktitle">Graphic Designer</span><span class="hs__item__subtitle">Cheran aka “CC” has been studying for four years, and now it’s time for him to take all his skills and knowledge, and apply them in his future career.</span><a href="https://ccdesigner.netlify.app/" target="_blank">Portfolio</a></div>
</li>
<li class="hs__item">
<div class="hs__item__image__wrapper">
<img class="hs__item__image" src="images/8.jpg" alt=""/>
</div>
<div class="hs__item__description"><span class="hs__item__title">. Damien Lee Lun Choo</span><span class="hs__item__worktitle">UI,UX Designer</span><span class="hs__item__subtitle">Damien is originally from South Africa living in Mauritius. He is a UI/UX Designer whose real talent is curiosity and discovery.</span><br><a href="https://llcdamien1.wixsite.com/portfolio" target="_blank">Portfolio</a></div>
</li>
<li class="hs__item">
<div class="hs__item__image__wrapper">
<img class="hs__item__image" src="images/9.jpg" alt=""/>
</div>
<div class="hs__item__description"><span class="hs__item__title">. Deevesh Neerunjun</span><span class="hs__item__worktitle">Graphic Designer</span><span class="hs__item__subtitle">Being both a realistic and optimistic person, Deevesh works through difficult and complicated situations with passion, dedication and a positive mind.</span><a href="https://needeev99.wixsite.com/my-site-3" target="_blank">Portfolio</a></div>
</li>
<li class="hs__item">
<div class="hs__item__image__wrapper">
<img class="hs__item__image" src="images/10.jpg" alt=""/>
</div>
<div class="hs__item__description"><span class="hs__item__title">. Dikshita Koobarawa</span><span class="hs__item__worktitle">Digital Designer</span><span class="hs__item__subtitle">Dikshita has always been passionate about art and design. Now, as a fully-fledged young adult, she wants to incorporate this passion into her career.</span><a href="https://dikshitakoobarawa.wixsite.com/my-site" target="_blank">Portfolio </a></div>
</li>
<li class="hs__item">
<div class="hs__item__image__wrapper">
<img class="hs__item__image" src="images/11.jpg" alt=""/>
</div>
<div class="hs__item__description"><span class="hs__item__title">. Hemakshi Hurreeram</span><span class="hs__item__worktitle">UI,UX Designer</span><span class="hs__item__subtitle">Being a designer, Hemakshi has discovered lots of hidden mysteries within herself such as her hidden skills , true potentials and creative thoughts.</span><a href="https://www.kashportfolio.com/" target="_blank">Portfolio</a></div>
</li>
<li class="hs__item">
<div class="hs__item__image__wrapper">
<img class="hs__item__image" src="images/12.jpg" alt=""/>
</div>
<div class="hs__item__description"><span class="hs__item__title">. Houzaifa Munir</span><span class="hs__item__worktitle">Graphic Designer</span><span class="hs__item__subtitle">Houzaifa is able to come up with a lot of dynamic and creative design solutions inspired from the modern era that will meet the client’s satisfaction.</span><a href="https://houzaifamunir.myportfolio.com/work" target="_blank">Portfolio</a></div>
</li>
<li class="hs__item">
<div class="hs__item__image__wrapper">
<img class="hs__item__image" src="images/13.jpg" alt=""/>
</div>
<div class="hs__item__description"><span class="hs__item__title">. Ilona Kashala</span><span class="hs__item__worktitle">UI,UX Designer</span><span class="hs__item__subtitle">Ilona's work process makes effective use of technology and lean processes, allowing her to work more efficiently and effectively.</span><br><br><a href="http://ilonakashala.com/" target="_blank">Portfolio</a></div>
</li>
</ul>
</div>
</div>
<div class="container">
<div class="hs__wrapper">
<div class="hs__header">
</div>
<ul class="hs">
<li class="hs__item">
<div class="hs__item__image__wrapper">
<img class="hs__item__image" src="images/14.jpg" alt=""/>
</div>
<div class="hs__item__description"><span class="hs__item__title">. Jeremy Chan Yue Nang</span><span class="hs__item__worktitle">Graphic Designer</span><span class="hs__item__subtitle">Being a quick learner, Jeremy is looking for a designing career which would give him right opportunities to work on creative projects.</span><a href="https://jchanyuenang.000webhostapp.com/" target="_blank">Portfolio</a></div>
</li>
<li class="hs__item">
<div class="hs__item__image__wrapper">
<img class="hs__item__image" src="images/15.jpg" alt=""/>
</div>
<div class="hs__item__description"><span class="hs__item__title">. Jonathan Law Yan Lun</span><span class="hs__item__worktitle">Photographer</span><span class="hs__item__subtitle">Jonathan has put in a lot of effort to obtain qualifications in the photography industry. Classified semi-professional, he excels at every task assigned to him.</span><a href="https://ken-law.com/" target="_blank">Portfolio</a></div>
</li>
<li class="hs__item">
<div class="hs__item__image__wrapper">
<img class="hs__item__image" src="images/16.jpg" alt=""/>
</div>
<div class="hs__item__description"><span class="hs__item__title">. Julie Gaiqui</span><span class="hs__item__worktitle">UI,UX Designer</span><span class="hs__item__subtitle">Julie is a young dynamic designer who loves web design and coding. Her passion is to travel and discover new places.</span><br><a href="https://www.behance.net/juliegaiqui" target="_blank">Portfolio</a></div>
</li>
<li class="hs__item">
<div class="hs__item__image__wrapper">
<img class="hs__item__image" src="images/17.jpg" alt=""/>
</div>
<div class="hs__item__description"><span class="hs__item__title">. Kishlaiy Ramdhony</span><span class="hs__item__worktitle">Multidisciplinary Designer</span><span class="hs__item__subtitle">Kishlaiy is a multi-disciplinary Digital Designer on the lookout for new ways to tell stories and communicate raw landscape patterns.</span><a href="https://www.kishlaiyramdhony.com/" target="_blank">Portfolio</a></div>
</li>
<li class="hs__item">
<div class="hs__item__image__wrapper">
<img class="hs__item__image" src="images/18.jpg" alt=""/>
</div>
<div class="hs__item__description"><span class="hs__item__title">. Laetitia Ah poong</span><span class="hs__item__worktitle">Illustrator</span><span class="hs__item__subtitle">Laetitia is a passionate multidisciplinary designer who loves to explore different styles and modes of design with a limitless vision.</span><a href="" target="_blank">Portfolio</a></div>
</li>
<li class="hs__item">
<div class="hs__item__image__wrapper">
<img class="hs__item__image" src="images/19.jpg" alt=""/>
</div>
<div class="hs__item__description"><span class="hs__item__title">. Megane Etiennette</span><span class="hs__item__worktitle">Graphic Designer</span><span class="hs__item__subtitle">Megane is someone who is obsessed with design and has great attention to details.</span><br><br><a href="https://www.meg-e.com/" target="_blank">Portfolio</a></div>
</li>
<li class="hs__item">
<div class="hs__item__image__wrapper">
<img class="hs__item__image" src="images/20.jpg" alt=""/>
</div>
<div class="hs__item__description"><span class="hs__item__title">. Melanie Candasamy</span><span class="hs__item__worktitle">Graphic Designer</span><span class="hs__item__subtitle">Creativity is Melanie's greatest asset. Her purpose is to bring change and help others realise their dreams through her work.</span><br><a href="https://melaniecndsmy.myportfolio.com/" target="_blank">Portfolio</a></div>
</li>
<li class="hs__item">
<div class="hs__item__image__wrapper">
<img class="hs__item__image" src="images/21.jpg" alt=""/>
</div>
<div class="hs__item__description"><span class="hs__item__title">. Navish Mulliah</span><span class="hs__item__worktitle">Graphic and Branding Designer</span><span class="hs__item__subtitle">Navish specializes in graphic and branding design. He loves to add creativity to the world of design.</span><br><br><a href="http://yeshwinmulliah.wixsite.com/my-site-2" target="_blank">Portfolio</a></div>
</li>
<li class="hs__item">
<div class="hs__item__image__wrapper">
<img class="hs__item__image" src="images/22.jpg" alt=""/>
</div>
<div class="hs__item__description"><span class="hs__item__title">. Raol Razwantee</span><span class="hs__item__worktitle">Photographer</span><span class="hs__item__subtitle">Raol is constantly experimenting with new concepts and ideas in order to showcase his creative abilities.</span><br><a href="http://www.mrblackcreations.com"" target="_blank">Portfolio</a></div>
</li>
<li class="hs__item">
<div class="hs__item__image__wrapper">
<img class="hs__item__image" src="images/23.jpg" alt=""/>
</div>
<div class="hs__item__description"><span class="hs__item__title">. Raphael Maurer</span><span class="hs__item__worktitle">Brand Identity and Graphic Designer<span class="hs__item__subtitle">Design, according to Raphael, has a deeper meaning than just the visual aspect. The design must achieve its goal as well as people's hearts.</span><a href="https://alexandrericot.com/" target="_blank">Portfolio</a></div>
</li>
<li class="hs__item">
<div class="hs__item__image__wrapper">
<img class="hs__item__image" src="images/24.jpg" alt=""/>
</div>
<div class="hs__item__description"><span class="hs__item__title">. Ridwaan Mungly</span><span class="hs__item__worktitle">Graphic Designer</span><span class="hs__item__subtitle">Ridwaan describes himself as being very resourceful and ambitious. He finds solutions, gets creative, and tries to solve problems by himself every time.</span><a href="https://ridwaanmungly.wixsite.com/my-site" target="_blank">Portfolio</a></div>
</li>
<li class="hs__item">
<div class="hs__item__image__wrapper">
<img class="hs__item__image" src="images/25.jpg" alt=""/>
</div>
<div class="hs__item__description"><span class="hs__item__title">. Rishabh Ramah</span><span class="hs__item__worktitle">Graphic Designer</span><span class="hs__item__subtitle">Rishabh has always had a keen eye for aesthetics and details, and focuses mainly on elevating and growing brands.</span><br><a href="" target="_blank">Portfolio</a></div>
</li>
<li class="hs__item">
<div class="hs__item__image__wrapper">
<img class="hs__item__image" src="images/26.jpg" alt=""/>
</div>
<div class="hs__item__description"><span class="hs__item__title">. Roann Mamedy</span><span class="hs__item__worktitle">Web Developer</span><span class="hs__item__subtitle">Roann is a multidisciplinary designer who focuses on branding and web development.</span><br><br><a href="" target="_blank">Portfolio</a></div>
</li>
</ul>
</div>
</div>
<div class="container">
<div class="hs__wrapper">
<div class="hs__header">
</div>
<ul class="hs">
<li class="hs__item">
<div class="hs__item__image__wrapper">
<img class="hs__item__image" src="images/27.jpg" alt=""/>
</div>
<div class="hs__item__description"><span class="hs__item__title">. Sheilanabye Gopall</span><span class="hs__item__worktitle">Graphic Designer</span><span class="hs__item__subtitle">Sheilanabye has always worked hard to achieve her best design solutions. Being a lover of nature, she likes to go on adventurous trips.</span><a href="https://arclight-design.com/" target="_blank">Portfolio</a></div>
</li>
<li class="hs__item">
<div class="hs__item__image__wrapper">
<img class="hs__item__image" src="images/28.jpg" alt=""/>
</div>
<div class="hs__item__description"><span class="hs__item__title">. Sumayyah Nuckcheddy</span><span class="hs__item__worktitle">Digital Designer</span><span class="hs__item__subtitle">As her name implies, high as the sky is what she sets forth and high is what she ultimately aspires.</span><br><br><a href="http://nsumayyah.com/" target="_blank">Portfolio</a></div>
</li>
<li class="hs__item">
<div class="hs__item__image__wrapper">
<img class="hs__item__image" src="images/29.jpg" alt=""/>
</div>
<div class="hs__item__description"><span class="hs__item__title">. Sumesh Gopal</span><span class="hs__item__worktitle">Graphic Designer | Illustrator<span class="hs__item__subtitle">Sumesh is ready to strive for success, never give up and to face new challenges ahead.</span><br><br><a href="" target="_blank">Portfolio</a></div>
</li>
<li class="hs__item">
<div class="hs__item__image__wrapper">
<img class="hs__item__image" src="images/30.jpg" alt=""/>
</div>
<div class="hs__item__description"><span class="hs__item__title">. Tejaswee Nithoo</span><span class="hs__item__worktitle">Graphic Designer</span><span class="hs__item__subtitle">Tejaswee’s work culture is to adapt, innovate and bring anything into Design. Her goal is to adapt and design, but mostly cater for her users.</span><a href="" target="_blank">Portfolio</a></div>
</li>
<li class="hs__item">
<div class="hs__item__image__wrapper">
<img class="hs__item__image" src="images/31.jpg" alt=""/>
</div>
<div class="hs__item__description"><span class="hs__item__title">. Tinotenda Chiyangwa</span><span class="hs__item__worktitle">Editorial Designer</span><span class="hs__item__subtitle">Tino is a creative and easy going person who enjoys creating and building new things and problem solving. </span><br><a href="http://tinotendachiyang.com" target="_blank">Portfolio</a></div>
</li>
<li class="hs__item">
<div class="hs__item__image__wrapper">
<img class="hs__item__image" src="images/32.jpg" alt=""/>
</div>
<div class="hs__item__description"><span class="hs__item__title">. Ubayd Hosenbocus</span><span class="hs__item__worktitle">Brand Identity and Graphic Designer</span><span class="hs__item__subtitle">Ubayd defines himself has a "Classic and traditional with a touch of Modern and Contemporary.</span><br><a href="" target="_blank">Portfolio</a></div>
</li>
<li class="hs__item">
<div class="hs__item__image__wrapper">
<img class="hs__item__image" src="images/33.jpg" alt=""/>
</div>
<div class="hs__item__description"><span class="hs__item__title">. Vedeshna Bawanypeck</span><span class="hs__item__worktitle">Illustrator</span><span class="hs__item__subtitle">Vedeshna's purpose is to help you create the best visuals to communicate your emotions and messages.</span><br><a href="" target="_blank">Portfolio</a></div>
</li>
<li class="hs__item">
<div class="hs__item__image__wrapper">
<img class="hs__item__image" src="images/34.jpg" alt=""/>
</div>
<div class="hs__item__description"><span class="hs__item__title">. Vincent Yip Heung Win</span><span class="hs__item__worktitle">Graphic Designer</span><span class="hs__item__subtitle">Vincent is passionate when it comes to illustrations.</span><br><br><br><a href="https://vincentyip405.wixsite.com/vart" target="_blank">Portfolio</a></div>
</li>
<li class="hs__item">
<div class="hs__item__image__wrapper">
<img class="hs__item__image" src="images/35.jpg" alt=""/>
</div>
<div class="hs__item__description"><span class="hs__item__title">. Yanish Cally</span><span class="hs__item__worktitle">Graphic Designer</span><span class="hs__item__subtitle">Yanish believes that it takes obsession, searching for the details for any designer to be good.</span><br><br><a href="https://yanishcally.myportfolio.com/" target="_blank">Portfolio</a></div>
</li>
<li class="hs__item">
<div class="hs__item__image__wrapper">
<img class="hs__item__image" src="images/36.jpg" alt=""/>
</div>
<div class="hs__item__description"><span class="hs__item__title">. Yash Beeharry</span><span class="hs__item__worktitle">Graphic Designer</span><span class="hs__item__subtitle">Yash, a graphic designer with a strong understanding of how Graphic Design integrates with the overall brand and its marketing efforts.</span><a href="" target="_blank">Portfolio</a></div>
</li>
<li class="hs__item">
<div class="hs__item__image__wrapper">
<img class="hs__item__image" src="images/37.jpg" alt=""/>
</div>
<div class="hs__item__description"><span class="hs__item__title">. Yousouf Limalia</span><span class="hs__item__worktitle">Frontend Web Developer</span><span class="hs__item__subtitle">Yousouf is a frontend web developer who is usually calm and wants to try new things and go further in coding department</span><br><a href="https://yousouflimaliaportfolio.000webhostapp.com/" target="_blank">Portfolio</a></div>
</li>
<li class="hs__item">
<div class="hs__item__image__wrapper">
<img class="hs__item__image" src="images/38.jpg" alt=""/>
</div>
<div class="hs__item__description"><span class="hs__item__title">. Yuvin Keessoondoyal</span><span class="hs__item__worktitle">Creative Designer</span><span class="hs__item__subtitle">Yuvin is a Creative Designer that focuses on visual communication and storytelling.</span><br><br><a href="https://yuvdesign.com/" target="_blank">Portfolio</a></div>
</li>
<li class="hs__item">
<div class="hs__item__image__wrapper">
<img class="hs__item__image" src="images/39.jpg" alt=""/>
</div>
<div class="hs__item__description"><span class="hs__item__title">. Zayaan Jugoo</span><span class="hs__item__worktitle">Print Designer</span><span class="hs__item__subtitle">Zayaan is a print designer whose vision is to satisfy his client’s needs throughout creativity</span><br><br><a href="https://mzj.myportfolio.com/" target="_blank">Portfolio</a></div>
</li>
</ul>
</div>
</div>
<div class="teaser-section">
<h2 class="headline">. showreel</h2>
<div class='flexible-container'>
<video width="500" height="322" controls>
<source src="images/showreel.mp4" type="video/mp4">
</video>
</div>
</div>
<div class="end">
<p>Your search throughout our spectrum came to an end but we hope it unleashed a new beginning to a successful and purposeful design journey with us.</p>
</div>
<footer>
<div class="copyright"><p>Website Created by <a href="http://nsumayyah.com/" target="_blank">Sumayyah</a>, <a href="https://alexandrericot.com/" target="_blank">Alexandre</a> and <a href="http://ilonakashala.com/" target="_blank">Ilona</a> | © 2021.Refraction Gradshow</p></div>
<div class="inner_footer">
<!-- Logo for footer -->
<div class="logo_container">
<img src="images/footer.png" alt="refraction logo">
</div>
<!-- curtin -->
<div class="footer_third">
<h6 class="minititle">Curtin </h6> <br>
<h7 class="minitext">Charles Telfair Campus, Moka<br><br>
Tel: +230 4016511
</h7>
</div>
<!-- social media links -->
<div class="footer_third">
<h6 class="minititle">Find Us</h6>
<h7 class="minitext"><li><i class="fa fa-instagram"></i> <a href="https://www.instagram.com/refraction.2021/">Instagram</a></li><br>
<li><i class="fa fa-facebook"></i> <a href="https://www.facebook.com/Refraction2021-105666751920355">Facebook</a></li><br>
<li><i class="fa fa-envelope"></i> <a href="mailto:refractiongradshow@gmail.com" class="btn btn--medium u-fullwidth">Email</a></h7>
</div>
<!-- back to navigation section in footer -->
<div class="footer_third">
<!-- website sections links -->
<h6 class="minititle">Navigation</h6>
<h7 class="minitext">
<a href="">Home</a></li><br>
<a href="">Spectrum</a></li><br>
<a href="">Showreel</a></li><br></h7>
</div>
</div>
</footer>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.0/jquery.min.js'></script>
<script src="main.js"></script>
</body>
</html>