1<!DOCTYPE html> 2<html class="stopoverflow" lang="en"> 3 4<head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <meta name="description" content="Did you ever hear of the CQ-test. This abbrevation CQ, Creativity Quotient is the measure of an individual's creative intelligence" /> 8 <title>Creative Quotient</title> 9 <link rel="stylesheet" href="https://www.iiad.edu.in/wp-content/themes/iiad/css/cqpage/style.css?v=1.28"> 10 <link rel="stylesheet" href="https://www.iiad.edu.in/wp-content/themes/iiad/css/cqpage/style-header.css?v=1.94"> 11 <link rel="stylesheet" href="https://www.iiad.edu.in/wp-content/themes/iiad/assets/css/style.css?ver=1.2"> 12 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" 13 integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous"> 14 <!-- to use Font Awesome in html. This need to be in <head></head> tags to work --> 15 <style type="text/css"> 16 /* Chrome, Safari, Edge, Opera */ 17 input::-webkit-outer-spin-button, 18 input::-webkit-inner-spin-button { 19 -webkit-appearance: none; 20 margin: 0; 21 } 22 23 /* Firefox */ 24 input[type=number] { 25 -moz-appearance: textfield; 26 } 27 28 /* header css overwrite */ 29 .primary-menu>li.menu-item-has-children>a { 30 padding-right: 0 !important; 31 } 32 33 ul.primary-menu { 34 justify-content: center !important; 35 } 36 37 /* end header css overwrite */ 38 #site-header { 39 position: absolute; 40 } 41 42 .home .site-logo img, 43 .site-logo a { 44 z-index: 1; 45 } 46 47 .header-inner { 48 padding: 0rem 0; 49 } 50 51 .primary-menu>li { 52 margin: 0rem 0 0 1.6rem; 53 } 54 55 .primary-menu>li>a { 56 padding-top: 12px; 57 } 58 59 .second-page .red-square { 60 top: 12%; 61 } 62 63 .form-page .container input { 64 padding: 2% 2%; 65 } 66 67 .for-label { 68 font-size: 20px; 69 font-weight: 700; 70 font-family: 'acumin-pro-semi-condensed'; 71 margin: 0; 72 } 73 74 /* .new-div { 75 display: flex; 76 flex-direction: column; 77 margin-top: 65px; 78 } */ 79 .thank-you .thank-you-msg { 80 padding: 2% 4%; 81 } 82 83 .thank-you .sharing-social { 84 padding: 2% 4%; 85 } 86 87 .thank-you .sharing-social a { 88 text-decoration: none; 89 } 90 91 .form-page .heading h2 { 92 font-size: 26px; 93 line-height: 26px; 94 letter-spacing: .5px; 95 } 96 97 section { 98 padding: 0rem 0; 99 } 100 101 .second-page .back-button { 102 bottom: 12%; 103 } 104 105 p#questCount { 106 line-height: 0.3; 107 margin: 0 0 0.2em 0; 108 } 109 110 .faux-heading, 111 h1, 112 h2, 113 h3, 114 h4, 115 h5, 116 h6 { 117 margin: 0rem auto 0rem; 118 } 119 120 .cq-dropdown { 121 padding: 2% 1%; 122 width: 100%; 123 font-size: 16px; 124 color: grey; 125 font-family: "acumin-pro", sans-serif; 126 border: 1px solid #000; 127 border-radius: 0 px; 128 box-sizing: border-box; 129 border-bottom: none; 130 } 131 132 .cq-dropdown>option { 133 font-size: 16px; 134 font-family: "acumin-pro", sans-serif; 135 border: 1px solid #000; 136 border-radius: 0 px; 137 box-sizing: border-box; 138 border-bottom: none; 139 } 140 141 @media (min-width: 1000px) { 142 .header-inner { 143 padding: 0rem 0; 144 align-items: flex-start; 145 } 146 147 .header-inner .toggle { 148 display: none; 149 } 150 151 .header-titles .site-description, 152 .header-titles .site-logo, 153 .header-titles .site-title { 154 margin: 0rem 0 0 0rem; 155 } 156 } 157 158 @media (min-width: 700px) { 159 .header-inner { 160 padding: 0rem 0; 161 } 162 163 section { 164 padding: 0rem 0; 165 } 166 167 .faux-heading, 168 h1, 169 h2, 170 h3, 171 h4, 172 h5, 173 h6 { 174 margin: 0rem auto 0rem; 175 } 176 177 .form-page .heading h2 { 178 font-size: 28px; 179 line-height: 28px; 180 } 181 } 182 183 @media (max-width: 700px) { 184 #question p { 185 font-size: 20px; 186 line-height: 21px; 187 } 188 189 #question p { 190 margin: 0px; 191 } 192 193 #question { 194 padding: 15px; 195 } 196 197 #answers label { 198 min-height: 55px; 199 } 200 201 .form-page .heading h2 { 202 padding-top: 50px; 203 } 204 205 .thank-you .brand-text h1 { 206 color: #fff; 207 font-size: 90px; 208 padding-top: 100px; 209 } 210 211 .thank-you .result-line span { 212 font-size: 38px; 213 } 214 215 .social-links span { 216 font-size: 25px; 217 } 218 } 219 220 @media (max-width: 428px) { 221 .thank-you .brand-text h1 { 222 color: #fff; 223 font-size: 90px; 224 padding-top: 150px; 225 } 226 } 227 228 @media (min-width: 1220px) { 229 .primary-menu>li { 230 margin: 0rem 0 0 2.5rem; 231 } 232 } 233 </style> 234</head> 235 236<body data-rsssl=1 class="stopoverflow"> 237 <header id="site-header" class="header-footer-group" role="banner"> 238 <div class="header-inner section-inner"> 239 <div class="header-titles-wrapper"> 240 <button class="toggle search-toggle mobile-search-toggle" data-toggle-target=".search-modal" data-toggle-body-class="showing-search-modal" data-set-focus=".search-modal .search-field" aria-expanded="false"> 241 <span class="toggle-inner"> 242 <span class="toggle-text">Search</span> 243 <span class="toggle-icon"> 244 <svg class="svg-icon" aria-hidden="true" role="img" focusable="false" xmlns="http://www.w3.org/2000/svg" width="23" height="23" viewBox="0 0 23 23"> 245 <path d="M38.710696,48.0601792 L43,52.3494831 L41.3494831,54 L37.0601792,49.710696 C35.2632422,51.1481185 32.9839107,52.0076499 30.5038249,52.0076499
245C24.7027226,52.0076499 20,47.3049272 20,41.5038249 C20,35.7027226 24.7027226,31 30.5038249,31 C36.3049272,31 41.0076499,35.7027226 41.0076499,41.5038249 C41.0076499,43.9839107 40.1481185,46.2632422 38.710696,48.0601792 Z M36.3875844,47.1716785 C37.8030221,45.7026647 38.6734666,43.7048964 38.6734666,41.5038249 C38.6734666,36.9918565 35.0157934,33.3341833 30.5038249,33.3341833 C25.9918565,33.3341833 22.3341833,36.9918565 22.3341833,41.5038249 C22.3341833,46.0157934 25.9918565,49.6734666 30.5038249,49.6734666 C32.7048964,49.6734666 34.7026647,48.8030221 36.1716785,47.3875844 C36.2023931,47.347638 36.2360451,47.3092237 36.2726343,47.2726343 C36.3092237,47.2360451 36.347638,47.2023931 36.3875844,47.1716785 Z" transform="translate(-20 -31)"></path> 246 </svg> </span> 247 </span> 248 </button><!-- .search-toggle --> 249 <div class="header-titles"> 250 <div class="site-logo faux-heading"> 251 <a href="https://www.iiad.edu.in/" class="custom-logo-link" rel="home" aria-current="page"> 252 <img width="200" height="200" src="https://www.iiad.edu.in/wp-content/themes/iiad/assets/images/iiad-logoo.png" class="custom-logo" alt="IIAD" srcset="https://www.iiad.edu.in/wp-content/themes/iiad/assets/images/iiad-logoo.png" sizes="(max-width: 200px) 100vw, 200px"></a> 253 <span class="screen-reader-text">IIAD</span> 254 </div> 255 </div><!-- .header-titles --> 256 <button class="toggle nav-toggle mobile-nav-toggle mobmenu" data-toggle-target=".menu-modal" data-toggle-body-class="showing-menu-modal" aria-expanded="false" data-set-focus=".close-nav-toggle"> 257 <span class="toggle-inner"> 258 <span class="toggle-icon"> 259 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="21.192" viewBox="0 0 24 21.192"> 260 <g id="Group_2018" data-name="Group 2018" transform="translate(0 0.25)"> 261 <line id="Line_382" data-name="Line 382" x1="24" fill="none" stroke="#221f1f" stroke-miterlimit="10" stroke-width="0.5"></line> 262 <line id="Line_383" data-name="Line 383" x1="24" transform="translate(0 6.897)" fill="none" stroke="#221f1f" stroke-miterlimit="10" stroke-width="0.5"></line> 263 <line id="Line_384" data-name="Line 384" x1="24" transform="translate(0 13.795)" fill="none" stroke="#221f1f" stroke-miterlimit="10" stroke-width="0.5"></line> 264 <line id="Line_385" data-name="Line 385" x1="24" transform="translate(0 20.693)" fill="none" stroke="#221f1f" stroke-miterlimit="10" stroke-width="0.5"></line> 265 </g> 266 </svg> 267 </span> 268 <span class="toggle-text d-none">Menu</span> 269 </span> 270 </button> 271 <button class="toggle nav-toggle mobile-nav-toggle deskmenu"> 272 <span class="toggle-inner"> 273 <span class="toggle-icon"> 274 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="21.192" viewBox="0 0 24 21.192"> 275 <g id="Group_2018" data-name="Group 2018" transform="translate(0 0.25)"> 276 <line id="Line_382" data-name="Line 382" x1="24" fill="none" stroke="#221f1f" stroke-miterlimit="10" stroke-width="0.5"></line> 277 <line id="Line_383" data-name="Line 383" x1="24" transform="translate(0 6.897)" fill="none" stroke="#221f1f" stroke-miterlimit="10" stroke-width="0.5"></line> 278 <line id="Line_384" data-name="Line 384" x1="24" transform="translate(0 13.795)" fill="none" stroke="#221f1f" stroke-miterlimit="10" stroke-width="0.5"></line> 279 <line id="Line_385" data-name="Line 385" x1="24" transform="translate(0 20.693)" fill="none" stroke="#221f1f" stroke-miterlimit="10" stroke-width="0.5"></line> 280 </g> 281 </svg> 282 </span> 283 <span class="toggle-text d-none">Menu</span> 284 </span> 285 </button> 286 </div><!-- .header-titles-wrapper --> 287 <div class="header-navigation-wrapper"> 288 <nav class="primary-menu-wrapper" aria-label="Horizontal" role="navigation"> 289 <ul class="primary-menu reset-list-style"> 290 <li id="menu-item-765" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-765"><a href="https://www.iiad.edu.in/about-us/">About us</a><span class="icon"></span> 291 <ul class="sub-menu"> 292 <li id="menu-item-1003" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1003"><a href="#inception-pursuit">Inception & Pursuit</a></li> 293 <li id="menu-item-1004" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1004"><a href="#wellFounded">Our pillars</a></li> 294 <li id="menu-item-1005" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1005"><a href="#our-five-point-story">5 Point story</a></li> 295 <li id="menu-item-1006" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1006"><a href="#core-philosophy">Core philosophy</a></li> 296 <li id="menu-item-1007" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1007"><a href="#partnerships">Partnerships</a></li> 297 </ul> 298 </li> 299 <li id="menu-item-3759" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-3759"><a href="https://www.iiad.edu.in/programmes/">Programmes</a><span class="icon"></span> 300 <ul class="sub-menu"> 301 <li id="menu-item-3283" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3283"><a href="https://www.iiad.edu.in/programmes/">Overview</a></li> 302 <li id="menu-item-3282" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3282"><a href="https://www.iiad.edu.in/programmes/foundation-course/">Foundation course</a></li> 303 <li id="menu-item-2388" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2388"><a href="https://www.iiad.edu.in/programmes/fashion-design-course/">Fashion design course</a></li> 304 <li id="menu-item-3262" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3262"><a href="https://www.iiad.edu.in/programmes/communication-design-course/">Communication design course</a></li> 305 <li id="menu-item-3279" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3279"><a href="https://www.iiad.edu.in/programmes/interior-architecture-and-design/">Interior Architecture & Design</a></li>
306 <li id="menu-item-3280" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3280"><a href="https://www.iiad.edu.in/programmes/fashion-business-management/">Fashion Business Management</a></li> 307 <!-- <li id="menu-item-3281" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3281"><a href="https://www.iiad.edu.in/programmes/how-we-teach/">How we teach</a></li> --> 308 <li id="menu-item-3281" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3281"><a href="https://www.iiad.edu.in/how-we-teach/">How we teach</a></li> 309 310 </ul> 311 </li> 312 <li id="menu-item-796" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-796"><a href="https://www.iiad.edu.in/admissions/">Admissions</a><span class="icon"></span> 313 <ul class="sub-menu"> 314 <li id="menu-item-1042" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1042"><a href="#application-process">Application Process</a></li> 315 <li id="menu-item-1043" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1043"><a href="#programmes-and-eligibility">Programmes and Eligibility</a></li> 316 <li id="menu-item-1044" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1044"><a href="#entrance-exams">Entrance Exams</a></li> 317 <li id="menu-item-1045" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1045"><a href="#fee-and-scholarship">Fee and Scholarship</a></li> 318 <li id="menu-item-1046" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1046"><a href="#transfer-to-iiad">Transfer to IIAD</a></li> 319 </ul> 320 </li> 321 <li id="menu-item-1176" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-1176"><a href="https://www.iiad.edu.in/student-life-at-iiad/">Life at IIAD</a><span class="icon"></span> 322 <ul class="sub-menu"> 323 <li id="menu-item-107" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-107"><a href="#in-campus">In campus</a></li> 324 <li id="menu-item-1026" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1026"><a href="#accommodation">Accommodation</a></li> 325 <li id="menu-item-1027" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1027"><a href="#annual-events">Annual Events</a></li> 326 <li id="menu-item-1028" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1028"><a href="#cocurriculars">Co-curriculars</a></li> 327 <li id="menu-item-1029" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1029"><a href="#off-campus">Off-campus</a></li> 328 <li id="menu-item-1030" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1030"><a href="#student-services">Student services</a></li> 329 <li id="menu-item-9005" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9005"><a href="#aluminiconnect">Alumni Connect</a></li> 330 </ul> 331 </li> 332 <li id="menu-item-1466" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-1466"><a href="https://www.iiad.edu.in/people/">People</a><span class="icon"></span> 333 <ul class="sub-menu"> 334 <li id="menu-item-2938" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2938"><a href="#people">People</a></li> 335 <li id="menu-item-2939" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2939"><a href="#careers">Careers</a></li> 336 </ul> 337 </li> 338 <li id="menu-item-1175" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-1175"><a href="https://www.iiad.edu.in/iiad-industry/">IIAD & Industry</a><span class="icon"></span> 339 <ul class="sub-menu"> 340 <li id="menu-item-5773" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5773"><a href="#overview">Overview</a></li> 341 <li id="menu-item-6088" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-6088"><a href="#success-stories">Success Stories</a></li> 342 <li id="menu-item-5774" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5774"><a href="#career-cell">Career Cell</a></li> 343 <li id="menu-item-5775" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5775"><a href="#opportunities-placements">Placements & Internships</a></li> 344 <li id="menu-item-5776" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5776"><a href="#recruit-our-graduates">Recruit Our Graduates</a></li> 345 </ul> 346 </li> 347 <li id="menu-item-714" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-714"><a href="https://www.iiad.edu.in/the-circle/">
347The Circle</a><span class="icon"></span> 348 <ul class="sub-menu"> 349 <li id="menu-item-2024" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2024"><a>Everyday at IIAD â News, Events, Stories & more</a></li> 350 </ul> 351 </li> 352 <li id="menu-item-1467" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1467"><a href="https://www.iiad.edu.in/contact-us/">Contact</a></li> 353 <!-- <li id="menu-item-9796" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9796"><a href="https://www.iiad.edu.in/creative-quotient/" target="_blank">Design Quiz</a></li> --> 354 </ul> 355 </nav><!-- .primary-menu-wrapper --> 356 357 <!--div class="header-toggles hide-no-js"> 358 359 <div class="toggle-wrapper search-toggle-wrapper d-flex"> 360 <button class="toggle search-toggle desktop-search-toggle" data-toggle-target=".search-modal" data-toggle-body-class="showing-search-modal" data-set-focus=".search-modal .search-field" aria-expanded="false"> 361 <span class="toggle-inner"> 362 <svg class="svg-icon" aria-hidden="true" role="img" focusable="false" xmlns="http://www.w3.org/2000/svg" width="23" height="23" viewBox="0 0 23 23"><path d="M38.710696,48.0601792 L43,52.3494831 L41.3494831,54 L37.0601792,49.710696 C35.2632422,51.1481185 32.9839107,52.0076499 30.5038249,52.0076499
362C24.7027226,52.0076499 20,47.3049272 20,41.5038249 C20,35.7027226 24.7027226,31 30.5038249,31 C36.3049272,31 41.0076499,35.7027226 41.0076499,41.5038249 C41.0076499,43.9839107 40.1481185,46.2632422 38.710696,48.0601792 Z M36.3875844,47.1716785 C37.8030221,45.7026647 38.6734666,43.7048964 38.6734666,41.5038249 C38.6734666,36.9918565 35.0157934,33.3341833 30.5038249,33.3341833 C25.9918565,33.3341833 22.3341833,36.9918565 22.3341833,41.5038249 C22.3341833,46.0157934 25.9918565,49.6734666 30.5038249,49.6734666 C32.7048964,49.6734666 34.7026647,48.8030221 36.1716785,47.3875844 C36.2023931,47.347638 36.2360451,47.3092237 36.2726343,47.2726343 C36.3092237,47.2360451 36.347638,47.2023931 36.3875844,47.1716785 Z" transform="translate(-20 -31)"></path></svg> <span class="toggle-text">Search</span> 363 </span> 364</button><!-- .search-toggle --> 365 <div class="navigation-sticky-links"> 366 <ul> 367 <li><a href="javascript:void(0)" class="enquiry-form-btn">Enquire</a></li> 368 <li><a href="https://apply.iiad.edu.in/" target="_blank" rel="noopener">Apply</a></li> 369 </ul> 370 </div> 371 </div> 372 373 </!--div--><!-- .header-toggles --> 374 375 </div><!-- .header-navigation-wrapper modal-menu --> 376 </div><!-- .header-inner --> 377 <div class="search-modal cover-modal header-footer-group" data-modal-target-string=".search-modal"> 378 <div class="search-modal-inner modal-inner"> 379 <div class="section-inner"> 380 <form role="search" aria-label="Search for:" method="get" class="search-form" action="https://www.iiad.edu.in/"> 381 <label for="search-form-1"> 382 <!--span class="screen-reader-text">Search for:</-span--> 383 <!--input type="search" id="search-form-1" class="search-field" placeholder="Search â¦" value="" name="s"--> 384 </label> 385 <input type="submit" class="search-submit" value="Search"> 386 </form> 387 <button class="toggle search-untoggle close-search-toggle fill-children-current-color" data-toggle-target=".search-modal" data-toggle-body-class="showing-search-modal" data-set-focus=".search-modal .search-field" aria-expanded="false"> 388 <span class="screen-reader-text">Close search</span> 389 <svg class="svg-icon" aria-hidden="true" role="img" focusable="false" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> 390 <polygon fill="" fill-rule="evenodd" points="6.852 7.649 .399 1.195 1.445 .149 7.899 6.602 14.352 .149 15.399 1.195 8.945 7.649 15.399 14.102 14.352 15.149 7.899 8.695 1.445 15.149 .399 14.102"></polygon> 391 </svg> </button><!-- .search-toggle --> 392 </div><!-- .section-inner --> 393 </div><!-- .search-modal-inner --> 394 </div><!-- .menu-modal --> 395 </header> 396 <div class="menu-modal cover-modal header-footer-group" data-modal-target-string=".menu-modal"> 397 <div class="menu-modal-inner modal-inner"> 398 <div class="menu-wrapper section-inner"> 399 <div class="menu-top"> 400 <button class="toggle close-nav-toggle fill-children-current-color" data-toggle-target=".menu-modal" data-toggle-body-class="showing-menu-modal" aria-expanded="true" data-set-focus=".menu-modal"> 401 <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"> 402 <defs> 403 <style> 404 .a, 405 .b { 406 fill: none; 407 } 408 409 .b { 410 stroke: #fff; 411 stroke-miterlimit: 10; 412 } 413 </style> 414 </defs> 415 <g transform="translate(-72.689 -18.239)"> 416 <rect fill="none" width="30" height="30" transform="translate(72.689 18.239)"></rect> 417 <line fill="none" stroke="#ffffff" stroke-meterlimit="10" x1="28.284" transform="translate(78.189 23.739) rotate(45)"></line> 418 <line stroke="#ffffff" stroke-meterlimit="10" x1="28.284" transform="translate(78.189 43.739) rotate(-45)"></line> 419 </g> 420 </svg> 421 </button><!-- .nav-toggle --> 422 423 <nav class="mobile-menu" aria-label="Mobile" role="navigation"> 424 <ul class="modal-menu reset-list-style"> 425 <li id="menu-item-7811" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-7811"> 426 <div class="ancestor-wrapper"><a href="/" aria-current="page">Home</a></div><!-- .ancestor-wrapper --> 427 </li> 428 <li id="menu-item-3731" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3731"> 429 <div class="ancestor-wrapper"><a href="https://www.iiad.edu.in/about-us/">About us</a></div><!-- .ancestor-wrapper --> 430 </li> 431 <li id="menu-item-3744" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3731"> 432 <div class="ancestor-wrapper"><a href="https://www.iiad.edu.in/programmes/">Programmes</a></div><!-- .ancestor-wrapper --> 433 </li> 434 <li id="menu-item-3732" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3732"> 435 <div class="ancestor-wrapper"><a href="https://www.iiad.edu.in/admissions/">
435Admissions</a></div><!-- .ancestor-wrapper --> 436 </li> 437 <li id="menu-item-3740" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3740"> 438 <div class="ancestor-wrapper"><a href="https://www.iiad.edu.in/student-life-at-iiad/">Life at IIAD</a></div><!-- .ancestor-wrapper --> 439 </li> 440 <li id="menu-item-3741" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3741"> 441 <div class="ancestor-wrapper"><a href="https://www.iiad.edu.in/people/">People</a></div><!-- .ancestor-wrapper --> 442 </li> 443 <li id="menu-item-3738" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3738"> 444 <div class="ancestor-wrapper"><a href="https://www.iiad.edu.in/iiad-industry/">IIAD & Industry</a></div><!-- .ancestor-wrapper --> 445 </li> 446 <li id="menu-item-3743" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3743"> 447 <div class="ancestor-wrapper"><a href="https://www.iiad.edu.in/the-circle/">The circle</a></div><!-- .ancestor-wrapper --> 448 </li> 449 <li id="menu-item-3730" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3730"> 450 <div class="ancestor-wrapper"><a href="https://www.iiad.edu.in/contact-us/">Contact us</a></div><!-- .ancestor-wrapper --> 451 </li> 452 <li id="menu-item-9797" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9797"> 453 <div class="ancestor-wrapper"><a href="https://www.iiad.edu.in/creative-quotient/">Design Quiz</a></div><!-- .ancestor-wrapper --> 454 </li> 455 </ul> 456 </nav> 457 458 </div><!-- .menu-top --> 459 <div class="menu-bottom"> 460 461 </div><!-- .menu-bottom --> 462 </div><!-- .menu-wrapper --> 463 </div><!-- .menu-modal-inner --> 464 </div> 465 <!-- Main Page (Take A Quiz)--> 466 <section class="first-page" id="start-page"> 467 <div class="pattern-box"> 468 <a id="start-quiz" type="button" class="quiz-cta">Take The Quiz</a> 469 </div> 470 </section> 471 <!-- Main Page (Take A Quiz)--> 472 <!-- Quiz Page --> 473 <section class="second-page" id="quiz-page"> 474 <div class="container"> 475 <div id="div1"> 476 <div style="background-color: white;"> 477 <div class="panel panel-default"> 478 <div class="panel-body"> 479 480 <div id="content"> 481 <div id="question"></div> 482 <div id="answers"></div> 483 <h3> 484 <p id="score"></p> 485 </h3> 486 <p id="result"><b>Congratulations! You made it!</b></p> 487 <!-- <p id="resultbad"><b>Sorry, you need to score 70 points to pass</b></p> --> 488 489 <button id="startagain">Start Again</button> 490 </div> 491 492 </div> 493 </div> 494 </div> 495 </div> 496 <div class="actions"> 497 <button style="visibility: hidden;" disabled>Back</button> 498 <button id="next" style="visibility: hidden;">Next</button> 499 </div> 500 <div class="prog-bar" style="padding-top: 5px;"> 501 <div class="panel panel-default"> 502 <div class="panel-heading"> 503 <h4>Progress</h4> 504 </div> 505 <div id="div2" class="panel-body"> 506 <div class="panel panel-default" style="border-radius: 0;"> 507 <!-- <div class="panel-footer">Your Progress<br /> --> 508 <p id="questCount"></p> 509 <div id="barra" class="progress"> 510 <div id="bar" class="progress-bar" role="progressbar" aria-valuenow="1" 511 aria-valuemin="0" aria-valuemax="100" style="width:1%"> 512 </div> 513 </div> 514 </div> 515 </div> 516 </div> 517 518 </div> 519 520 </div> 521 <div class="red-square"> 522 <img src="https://www.iiad.edu.in/wp-content/themes/iiad/css/cqpage/images/red-tulip.png" alt=""> 523 </div> 524 <div class="yellow-square"> 525 <img src="https://www.iiad.edu.in/wp-content/themes/iiad/css/cqpage/images/uyellow-square.png" alt=""> 526 </div> 527 <div class="purple-square"> 528 <img src="https://www.iiad.edu.in/wp-content/themes/iiad/css/cqpage/images/purple-arrow.png" alt=""> 529 </div> 530 <div class="white-circle"> 531 <img src="https://www.iiad.edu.in/wp-content/themes/iiad/css/cqpage/images/white-circle.png" alt=""> 532 </div> 533 <div class="back-button"> 534 <a href="javascript:;" id="back">BACK</a> 535 </div> 536 </section> 537 <!-- Quiz Page --> 538 <!-- From Page --> 539 <section class="form-page" id="form-page">
540 <div class="container"> 541 <div class="heading"> 542 <!-- <h2> 543 ALMOST THERE... <br> 544 BUT FIRST, TELL US ABOUT YOURSELF! 545 </h2> --> 546 <h2> 547 YOUR CREATIVE QUOTIENT REPORT IS READY 548 </h2> 549 </div> 550 <div class="form-box"> 551 <form action="#" id="frmcq"> 552 <input type="text" placeholder="Full Name" name="full_name" id="full_name" class="required" data-bind="name"> 553 <!-- <input type="tel" placeholder="Mobile No." class="input2 required" name="phone" id="phone" data-bind="mobilenumber" > --> 554 555 <input type="email" placeholder="Email" id="email" name="email" data-bind="emailnew" class="required"> 556 557 <input type="number" pattern="/^-?\d+\.?\d*$/" onKeyPress="if (!window.__cfRLUnblockHandlers) return false; if(this.value.length==10) return false;" placeholder="Mobile No: (Enter 10 digits only) " class="input2 required" name="phone" id="phone" data-bind="mobilenumber" data-cf-modified-c3cf575959cce97069d9aba1-=""> 558 <!-- <input type="button" value="Submit" id="submit"> --> 559 560 <!-- <input type="text" placeholder="education" name="education" id="education"> --> 561 <!-- <label for="education" class="for-label">Education:</label> --> 562 <select name="education" id="education" class="cq-dropdown" required> 563 <option value="">Education:</option> 564 <option value="school">School</option> 565 <option value="college">College</option> 566 <option value="graduate">Graduate</option> 567 </select> 568 569 <input type="text" placeholder="Enter School Name " name="school" id="school" class="required" style="display:none;"> 570 <input type="text" placeholder="Class" class="input1" name="class" id="class" style="display:none;"> 571 <input type="text" placeholder="Enter College Name " name="college" id="college" class="required" style="display:none;"> 572 573 <!-- <label for="yearofcompletion" class="for-label">Year Of completion:</label> --> 574 <select name="yearofcompletion" id="yearofcompletion" class="cq-dropdown" style="display:none;"> 575 <option value="">Year Of Completion:</option> 576 <option value="2021-22">2021-22</option> 577 <option value="2022-23">2022-23</option> 578 <option value="2023-24">2023-24</option> 579 <option value="2024-25">2024-25</option> 580 </select> 581 <!-- <div class="inline-input"> 582 <input type="text" placeholder="Class" class="input1 required" name="class" id="class" > 583 <input type="tel" placeholder="Phone" class="input2 required" name="phone" id="phone" data-bind="mobilenumber" > 584 </div> --> 585 <!-- <input type="text" placeholder="Class" class="input1 required" name="class" id="class"> --> 586 587 <input type="button" value="Receive your Report" id="submit"> 588 </form> 589 </div> 590 <div class="disclaimer"> 591 <p>We know this is sensitive information, we promise not to share it with anyone!</p> 592 </div> 593 </div> 594 </section> 595 <!-- From Page --> 596 <!-- Thank You page--> 597 <section class="thank-you" id="thank-you"> 598 <div class="container"> 599 <div class="new-div"> 600 <div class="brand-text"> 601 <h1>CQ</h1> 602 </div> 603 <!-- <a href="https://www.iiad.edu.in/about-us/"> 604 <input type="button" value="About IIAD" class="about-us-btn"> 605 </a> --> 606 <div class="result-line"> 607 <!-- <span> 608 <hr> 609 </span> --> 610 <span>RESULT</span> 611 </div> 612 </div> 613 <div class="thank-you-msg"> 614 <p> 615 Thank you for taking the quiz. Check your e-mail for your results! 616 </p> 617 </div> 618 <div class="sharing-social"> 619 <p>Ask a friend to take the quiz!</p> 620 <div class="social-links"> 621 <span>SHARE: </span> <br /> 622 <span> 623 <a href="https://www.instagram.com/iiad_design/?igshid=1myuh4gnecj8c" target="_blank" rel="noopener"> 624 <i class="fa fa-instagram" aria-hidden="true"></i> 625 </a> 626 </span> 627 <span> 628 <a href="https://twitter.com/iiad_design" target="_blank" rel="noopener"> 629 <i class="fa fa-twitter" aria-hidden="true"></i> 630 </a> 631 </span> 632 <span> 633 <a href="https://www.facebook.com/iiad.design.school" target="_blank" rel="noopener"> 634 <i class="fa fa-facebook" aria-hidden="true"></i> 635 </a> 636 </span> 637 <span> 638 <a href="https://in.linkedin.com/school/indian-institute-of-art
638-and-design/" target="_blank" rel="noopener"> 639 <i class="fa fa-linkedin" aria-hidden="true"></i> 640 </a> 641 </span> 642 </div> 643 </div> 644 <div class="thank-you-art"> 645 <img src="https://www.iiad.edu.in/wp-content/themes/iiad/css/cqpage/images/thank-you-illust.png" alt=""> 646 </div> 647 </div> 648 </section> 649 <!-- Thank You page--> 650 <!-- testing Questions --> 651 <input type="hidden" id="final_results" name="final_result" /> 652
652<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js' type="c3cf575959cce97069d9aba1-text/javascript"></script>
652 653 <!--
653<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js" integrity="sha256-T0Vest3yCU7pafRw9r+settMBX6JkKN06dqBnpQ8d30=" crossorigin="anonymous"></script>
653--> 654
654<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js" integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU=" crossorigin="anonymous" type="c3cf575959cce97069d9aba1-text/javascript"></script>
654 655
655<script src="https://www.iiad.edu.in/wp-content/themes/iiad/css/cqpage/app.js" type="c3cf575959cce97069d9aba1-text/javascript"></script>
655 656
656<script src="https://www.iiad.edu.in/wp-content/themes/iiad/assets/js/index.js" type="c3cf575959cce97069d9aba1-text/javascript"></script>
656 657
657<script src="https://www.iiad.edu.in/wp-content/themes/iiad/css/cqpage/app-header.js?v=1.0" type="c3cf575959cce97069d9aba1-text/javascript"></script>
657 658
658<script src="https://www.iiad.edu.in/wp-content/themes/iiad/css/cqpage/validation.js" type="c3cf575959cce97069d9aba1-text/javascript"></script>
658 659
659<script type="c3cf575959cce97069d9aba1-text/javascript"> 660 $(document).ready(function() { 661 $("#education").change(function() { 662 var education = $("#education").val(); 663 if (education == 'school') { 664 $("#school").show(); 665 $("#class").show(); 666 $("#college").hide(); 667 $("#yearofcompletion").show(); 668 } else if (education == 'graduate') { 669 $("#college").show(); 670 $("#school").hide(); 671 $("#class").hide(); 672 $("#yearofcompletion").hide(); 673 } else if (education == '') { 674 $("#school").hide(); 675 $("#class").hide(); 676 $("#college").hide(); 677 $("#yearofcompletion").hide(); 678 } else { 679 $("#college").show(); 680 $("#class").hide(); 681 $("#school").hide(); 682 $("#yearofcompletion").show(); 683 } 684 }); 685 686 // submit quiz 687 $('#submit').click(function() { 688 //alert("ff"); 689 var mesg = {}; 690 if (slbc.validate(mesg)) { 691 692 var full_name = $("#full_name").val(); 693 var school = $("#school").val(); 694 var education = $("#education").val(); 695 var yearofcompletion = $("#yearofcompletion").val(); 696 var college = $("#college").val(); 697 var classFrm = $("#class").val(); 698 var phone = $("#phone").val(); 699 var email = $("#email").val(); 700 var final_results = $("#score").text(); 701 if (final_results == '') { 702 alert("Please take quiz!"); 703 return false; 704 } 705 //edit by sarthak 706 $('#submit').prop('disabled', true); 707 var dataJson = { 708 full_name: full_name, 709 education: education, 710 yearofcompletion: yearofcompletion, 711 college: college, 712 school: school, 713 classFrm: classFrm, 714 phone: phone, 715 email: email, 716 final_results: final_results 717 }; 718 //$('html, body').removeClass('stopoverflow'); 719 720 $('html, body').animate({ 721 scrollTop: $('#thank-you').position().top 722 }, 'slow'); 723 724 $("#form-page").hide(); 725 726 727 $.ajax({
728 url: "https://www.iiad.edu.in/wp-content/themes/iiad/includes/ajax-results.php", 729 type: 'post', 730 data: dataJson, 731 dataType: "json", 732 success: function(data) { 733 if (data.result == "successfully") { 734 735 736 737 $("#final_results").val(''); 738 $('#frmcq')[0].reset(); 739 $("#thank-you").show(); 740 alert("Thank you for taking the Quiz. Please check your mail, the result has been sent!!"); 741 742 743 } else { 744 $("#final_results").val(''); 745 } 746 //console.log(data); 747 } 748 }); 749 750 return false; 751 } 752 return false; 753 }); 754 }); 755 </script>
755 756 757 <!-- to restrict user for 10 digit in phone no field --> 758 <!--
758<script> 759 $("#phone").keydown(function(event) { 760 k = event.which; 761 if ((k >= 96 && k <= 105) || k == 8) { 762 if ($(this).val().length == 10) { 763 if (k == 8) { 764 return true; 765 } else { 766 event.preventDefault(); 767 return false; 768 769 } 770 } 771 } else { 772 event.preventDefault(); 773 return false; 774 } 775 776}); 777</script>
777 -->
vendor: 144 bytes, lines 777-778
777 778<script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="c3cf575959cce97069d9aba1-|49" defer></script>
778</body> 779 780</html> 781
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.