1 2<!DOCTYPE html> 3<html lang="en"> 4 5<head> 6 <title>Login</title> 7 <meta charset="utf-8"> 8 <link rel="icon" href="https://www.yarnsandfibers.com/wp-content/uploads/2022/08/Leaf-Icon.png" sizes="32x32"> 9 10 <!-- <link rel="icon" href="/images/ynfx_favicon.ico" sizes="32x32"> --> 11 <meta name="viewport" content="width=device-width, initial-scale=1"> 12 <link rel="stylesheet" href="https://www.yarnsandfibers.com/wp-content/themes/ynfx/assets//css/bootstrap.min.css"> 13 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/css/bootstrap-datepicker.css"> 14 <!-- <link rel="stylesheet" href="/css/intlTelInput.css"> --> 15 <link rel="stylesheet" href="https://www.yarnsandfibers.com/wp-content/themes/ynfx/assets//css/swiper.min.css"> 16 <!--slick css --> 17 <link rel="stylesheet" href="https://www.yarnsandfibers.com/wp-content/themes/ynfx/assets//css/slick.css"> 18 <!--Animation css --> 19 <!--<link rel="stylesheet" href="https://www.yarnsandfibers.com/wp-content/themes/ynfx/assets//css/animations.css">--> 20 <!--[if lte IE 9]> --> 21 <link rel="stylesheet" href="https://www.yarnsandfibers.com/wp-content/themes/ynfx/assets//css/animations-ie-fix.css"> 22 <!-- <![endif]--> 23 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.15/css/bootstrap-multiselect.css"> 24 <link rel="stylesheet" href="https://www.yarnsandfibers.com/wp-content/themes/ynfx/assets//morris/morris.css"> 25 <link rel="stylesheet" href="https://www.yarnsandfibers.com/wp-content/themes/ynfx/assets//css/all.css"> 26 <link rel="stylesheet" href="https://www.yarnsandfibers.com/wp-content/themes/ynfx/assets//css/custom.css"> 27 <link rel="preconnect" href="https://fonts.googleapis.com"> 28 <link rel="stylesheet" href="https://www.yarnsandfibers.com/wp-content/themes/ynfx/assets//css/toastr.min.css"> 29 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet"> 30 <style> 31 .iti__flag {background-image: url("https://www.yarnsandfibers.com/wp-content/themes/ynfx/assets/country_module/img/flags.png");} 32 33 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 34 .iti__flag {background-image: url("https://www.yarnsandfibers.com/wp-content/themes/ynfx/assets/country_module/img/[email protected]");} 35 } 36 .iti.iti--allow-dropdown { 37 width: 100%; 38 } 39 40 .toast-error { 41 color: #721c24!important; 42 background-color: #f8d7da!important; 43 border-color: #f5c6cb!important; 44 font-size: 16px; 45 font-weight: 400; 46 } 47 .toast-success { 48 color: #155724!important; 49 background-color: #d4edda!important; 50 border-color: #c3e6cb!important; 51 font-size: 16px; 52 font-weight: 400; 53 } 54 img.km-logo { 55 position: absolute; 56 width: 298px; 57 z-index: 10; 58 } 59 div.km-logo { 60 position: absolute; 61 /* width: 298px; */ 62 z-index: 10; 63 padding: 14px; 64 } 65 .bg-image{ 66 background-image: url('https://www.yarnsandfibers.com/wp-content/uploads/2022/07/formbg.webp'); 67 background-repeat: no-repeat; 68 background-size: cover; 69 min-height:100vh; 70 display: flex; 71 justify-content: center; 72 flex-direction: column; 73 padding-top: 90px; 74 } 75 h2 { 76 font-weight: 700!important; 77 font-style: normal!important; 78 color: rgb(0, 82, 106)!important; 79 text-decoration: none!important; 80 font-family: inter,sans-serif!important; 81 font-size: 32px!important; 82 letter-spacing: 0!important; 83 --para-spacing: 0!important; 84 text-transform: none!important; 85 --head-indent: 0!important; 86 --numeric-list-marker: none!important; 87 line-height: 1.13!important; 88 } 89 .form-control { 90 margin: 4px!important; 91 width: 100%; 92 padding: 10px 10px; 93 border: 2px solid rgb(159, 173, 187); 94 border-radius: 4px; 95 box-sizing: border-box; 96 margin-top: 6px; 97 color: #595959; 98 margin-left: 6px; 99 margin-bottom: 16px; 100 resize: vertical; 101 height: fit-content; 102 font-size: 16px; 103 font-weight: 500; 104 } 105 .form-control:focus { 106 box-shadow: none; 107 outline: none; 108 border-color: #6A9D1A !important; 109 } 110 .form-label { 111 margin: 4px !important; 112 letter-spacing: 1px; 113 display: flex; 114 font-size: 16px; 115 font-family: inter,sans-serif!important; 116 color: rgb(0, 82, 106)!important; 117 font-weight: 500; 118 } 119 .km-custom-4 { 120 margin: 15px 0; 121 border: 2px rgb(0, 82, 106) solid !important; 122 background: rgb(106, 157, 26)!important; 123 font-weight: 700; 124 font-style: normal; 125 color: rgb(250, 250, 250) !important; 126 text-decoration: none; 127 padding: 8px 31px 8px 16px; 128 border-radius: 4px; 129 margin-left: 6px; 130 font-size: 20px!important; 131 } 132 *,body{ 133 font-family: inter,sans-serif!important; 134 } 135 .fa, .fas { 136 font-family: 'font awesome 5 free' !important; 137 font-weight: 900; 138 } 139 input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{ 140 -webkit-appearance: none;-moz-appearance: none;appearance: none;margin: 0 141 } 142 143 .user_type { 144 cursor: pointer; 145 display: flex; 146 justify-content: center; 147 align-items: center; 148 height: 60px; 149 box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%); 150 transition: 0.3s; 151 border: 1px solid #59595936; 152 flex-direction: column; 153 } 154 155 .d-flex label{ 156 white-space: normal!important; 157 } 158 .user_type:hover, 159 .user_type.active { 160 background: rgb(225, 168, 66) ; 161 border: 1px solid rgb(225, 168, 66) ; 162 } 163 .select2-container { 164 width: 100% !important; 165 } 166 span.select2-dropdown.select2-dropdown--above,.select2-container--open .select2-dropdown--below { 167 margin-left: 6px; 168 } 169 .select2-container--default .select2-selection--single,.select2-container .select2-selection--multiple{ 170 background-color: #fff; 171 padding: 10px 10px; 172 border: 2px solid rgb(159, 173, 187); 173 border-radius: 4px; 174 box-sizing: border-box; 175 /* margin-top: 6px; */ 176 color: #595959; 177 margin-left: 6px; 178 /* margin-bottom: 16px; */ 179 resize: vertical; 180 height: fit-content; 181 font-size: 16px; 182 font-weight: 500; 183 width: 100%; 184 } 185 .km-arrow{ 186 position: absolute; 187 top: 38px; 188 right: 12px; 189 z-index: 3; 190 width: 34px; 191 } 192 .select2-container--default .select2-selection--single .select2-selection__arrow { 193 height: 34px; 194 position: absolute; 195 top: 7px; 196 right: 1px;
197 width: 20px; 198 background: url(https://www.yarnsandfibers.com/wp-content/uploads/2022/07/arrow-down.png); 199 width: 34px; 200 background-size: cover; 201 background-repeat: no-repeat; 202 } 203 .select2-container--default .select2-selection--single .select2-selection__arrow b { 204 display: none; 205 } 206 .ml-6{ 207 margin-left:9px; 208 } 209 .progress{ 210 width: 56px; 211 height: 7px; 212 border-radius: 32px; 213 } 214 .progress-bar{ 215 background: rgb(106, 157, 26)!important; 216 } 217 .km-custom-3 { 218 background: transparent; 219 font-weight: 700; 220 font-style: normal; 221 color: rgb(0, 82, 106)!important; 222 text-decoration: none; 223 padding: 8px 31px 8px 16px; 224 border-radius: 4px; 225 margin-left: 6px; 226 font-size: 20px!important; 227 border: none; 228 } 229 .km-flex-1 { 230 position: absolute; 231 width: 100%; 232 padding-left: 23px; 233 padding-right: 66px; 234 } 235 .km-custom-3:hover{ 236 background: transparent!important; 237 color: rgb(0, 82, 106)!important; 238 } 239 .km-final p { 240 font-weight: 400; 241 font-style: normal; 242 color: rgb(0, 82, 106); 243 text-decoration: none; 244 font-size: 18px; 245 margin-top: 16px; 246 line-height: 1.64; 247 text-align: center; 248 } 249 .km-final .km-custom-5 { 250 width: fit-content; 251 } 252 .km-custom-5 { 253 margin: 15px 0; 254 border: 2px rgb(0, 82, 106) solid !important; 255 background: rgb(106, 157, 26)!important; 256 font-weight: 700; 257 font-style: normal; 258 color: rgb(250, 250, 250) !important; 259 text-decoration: none; 260 padding: 8px 16px 8px 16px; 261 border-radius: 4px; 262 margin-left: 6px; 263 font-size: 20px!important; 264 } 265 266 .toast-error { 267 color: #721c24!important; 268 background-color: #f8d7da!important; 269 border-color: #f5c6cb!important; 270 font-size: 16px; 271 font-weight: 400; 272 } 273 .toast-success { 274 color: #155724!important; 275 background-color: #d4edda!important; 276 border-color: #c3e6cb!important; 277 font-size: 16px; 278 font-weight: 400; 279 } 280 .km-loader-parent{ 281 display: none; 282 position: fixed; 283 width: 100%; 284 height: 100%; 285 /* display: flex; */ 286 justify-content: center; 287 align-items: center; 288 z-index: 100; 289 background: #ffffff6b; 290 } 291 .km-loader { 292 border: 16px solid #f3f3f3; 293 border-radius: 50%; 294 border-top: 16px solid #3498db; 295 width: 120px; 296 height: 120px; 297 -webkit-animation: spin 2s linear infinite; /* Safari */ 298 animation: spin 2s linear infinite; 299 } 300 301 /* Safari */ 302 @-webkit-keyframes spin { 303 0% { -webkit-transform: rotate(0deg); } 304 100% { -webkit-transform: rotate(360deg); } 305 } 306 307 @keyframes spin { 308 0% { transform: rotate(0deg); } 309 100% { transform: rotate(360deg); } 310 } 311 .iti__flag-container { 312 margin-left: 6px; 313 } 314 .forgot-pass-link { 315 flex: 1; 316 text-align: end; 317 } 318 .yellow-text { 319 color: rgb(225, 168, 66) !important; 320 } 321 .km-color-1{ 322 color:rgb(225, 168, 66)!important; 323 font-size: 24px; 324 font-weight: 400; 325 font-family: 'Poppins', sans-serif !important; 326 padding-top: 6px; 327 padding-left: 8px; 328 } 329 .km-color-2{ 330 color:rgb(106, 157, 26)!important; 331 font-size: 24px; 332 font-weight: 400; 333 font-family: 'Poppins', sans-serif !important; 334 padding-top: 6px; 335 } 336 .km-color-3{ 337 font-size: 18px !important; 338 font-weight: 700; 339 font-style: normal; 340 color: rgb(0, 82, 106); 341 text-decoration: none; 342 } 343 .km-color-4{ 344 color:rgb(159, 173, 187)!important; 345 font-size: 24px; 346 font-weight: 400; 347 font-family: 'Poppins', sans-serif !important; 348 padding-top: 6px; 349 } 350 </style> 351</head> 352 353<body style="overflow-x: hidden;"> 354 <div class="km-loader-parent"> 355 <div class="km-loader"> 356 </div> 357 </div> 358 <!-- <img alt="YnFx" class="km-logo" src="https://www.yarnsandfibers.com/wp-content/uploads/2022/08/YnFx-New-Logo-2022.png"> --> 359 <div class="km-logo"> 360 <a class="navbar-brand" href="https://www.yarnsandfibers.com" style="display: flex;"> 361 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid meet" version="1.0" viewBox="-0.9 0.0 92.1 78.5" zoomAndPan="magnify" style="fill: rgb(0, 0, 0);width: 40px;align-self: flex-start;" role="img" aria-label="Leaf Icon"><g style="fill: rgb(0, 82, 106);"><g id="__id125_smp5v04b1r"><path d="M2.107,40.483c0,0,35.661-2.441,35.905,35.906C-0.336,76.146,2.107,40.483,2.107,40.483z" style="fill: inherit;"></path><path d="M40.098,78.476L38,78.461c-12.37-0.078-21.99-3.726-28.596-10.844 C-0.938,56.473-0.
361004,40.995,0.04,40.343l0.124-1.799l1.802-0.128c0,0,0.507-0.036,1.405-0.036c6.09,0,36.484,1.833,36.715,37.995 L40.098,78.476z M4.165,42.534c0.116,4.231,1.167,14.62,8.303,22.292c5.419,5.822,13.291,8.992,23.419,9.438 C34.642,45.837,12.345,42.71,4.165,42.534z" style="fill: inherit;"></path></g><g id="__id126_smp5v04b1r"><path d="M44.585,2.75c0,0,26.943,23.488,0,50.777C17.643,26.238,44.585,2.75,44.585,2.75z" style="fill: inherit;"></path><path d="M44.585,56.475l-1.474-1.493c-8.692-8.802-12.915-18.185-12.552-27.888 c0.569-15.193,12.17-25.477,12.664-25.907L44.585,0l1.362,1.187c0.494,0.43,12.095,10.714,12.664,25.907 c0.362,9.703-3.86,19.086-12.552,27.888L44.585,56.475z M44.585,5.659c-2.914,3.078-9.509,11.164-9.885,21.627 c-0.286,7.95,3.038,15.757,9.885,23.234c6.847-7.477,10.17-15.284,9.885-23.234C54.094,16.823,47.5,8.737,44.585,5.659z" style="fill: inherit;"></path></g><g id="__id127_smp5v04b1r"><path d="M88.066,40.483c0,0-35.657-2.441-35.904,35.906C90.511,76.146,88.066,40.483,88.066,40.483z" style="fill: inherit;"></path><path d="M50.075,78.476l0.014-2.101C50.321,40.213,80.713,38.38,86.803,38.38 c0.897,0,1.405,0.036,1.405,0.036l1.797,0.128l0.13,1.799c0.044,0.652,0.978,16.128-9.365,27.274 c-6.604,7.118-16.225,10.766-28.597,10.844L50.075,78.476z M86.015,42.534c-8.18,0.176-30.482,3.298-31.729,31.729 c10.146-0.445,18.025-3.625,23.446-9.467C84.875,57.1,85.907,46.752,86.015,42.534z" style="fill: inherit;"></path></g></g></svg> 362 <span class="km-color-1">YarnsandFibers</span><span class="km-color-4">.</span><span class="km-color-2">com</span> 363 </a> 364 </div> 365 <section class="bg-image"> 366 <div class="mask align-items-center h-100 gradient-custom-3" id="dvLogin"> 367 <div class="container h-100"> 368 <div class="row d-flex justify-content-center align-items-center h-100"> 369 <div class="col-12 col-md-12 col-lg-9 col-xl-8"> 370 <div class="card" style="border-radius: 15px;"> 371 <div class="card-body p-5"> 372 <h2 class="text-center mb-5">Sign in to YnFx</h2> 373 <form> 374 <div class="form-outline mb-4"> 375 <label class="form-label" for="loginEmailId">Email Address</label> 376 <input type="email" name="loginEmailId" id="loginEmailId" class="form-control news-sub-input" placeholder="" required> 377 <input type="hidden" class="form-control" id="domain_url" value="https://www.yarnsandfibers.com"> 378 </div> 379 <div class="form-outline mb-4"> 380 <label class="form-label" for="loginPassword" style=""> 381 <div> 382 Password 383 </div> 384 <div class="forgot-pass-link" style=""> 385 <a onclick="if (!window.__cfRLUnblockHandlers) return false; showForgotPassDiv(1)" data-cf-modified-ee4c770e99db6f11279746a8-=""><span class="yellow-text">Forgot Password?</span></a> 386 </div> 387 </label> 388 389 <input type="password" id="loginPassword" name="loginPassword" class="form-control news-sub-input" placeholder="" required /> 390 </div> 391 <div class="d-flex justify-content-center mt-4"> 392 <button type="button" class="btn btn-success btn-block btn-lg km-custom-4 text-body" onclick="if (!window.__cfRLUnblockHandlers) return false; checkLogin()" data-cf-modified-ee4c770e99db6f11279746a8-="">Login 393 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 100 100" style="fill: rgb(0, 0, 0);width: 20px;transform: rotate(180deg);margin-left: 6px;margin-bottom: 3.5px;" xml:space="preserve" role="img" aria-label="Web Wireframe Icon"> 394 <g id="__id420_surcvdlrjo"> 395 <circle style="fill: rgb(255, 255, 255);" cx="50" cy="50" r="50"></circle> 396 </g> 397 <g id="__id421_surcvdlrjo"> 398 <path style="fill: rgb(0, 82, 106);" d="M58.904,81.215c-1.088,0-2.176-0.415-3.006-1.244L25.93,50l29.968-29.968 c1.66-1.66,4.352-1.661,6.014,0c1.66,1.66,1.66,4.354,0,6.013L37.956,50l23.956,23.956c1.66,1.661,
3981.66,4.353,0,6.015 C61.082,80.8,59.993,81.215,58.904,81.215z"></path> 399 </g> 400 </svg> 401 </button> 402 </div> 403 <p class="text-center text-muted mt-1 mb-0">New to YnFx? 404 <a href="https://www.yarnsandfibers.com/registration/?trial=1" 405 class="fw-bold text-body"><u>Register here</u></a> 406 </p> 407 408 </form> 409 410 </div> 411 </div> 412 </div> 413 </div> 414 </div> 415 </div> 416 <div class="mask align-items-center h-100 gradient-custom-3" id="dvForgotPass" style="display: none"> 417 <div class="container h-100"> 418 <div class="row d-flex justify-content-center align-items-center h-100"> 419 <div class="col-12 col-md-12 col-lg-9 col-xl-8"> 420 <div class="card" style="border-radius: 15px;"> 421 <div class="card-body p-5"> 422 <h2 class="text-center mb-5">Forgot Password</h2> 423 <form name="frmForgotPassword" id="frmForgotPassword" action="" method="POST"> 424 <div class="form-outline mb-4"> 425 <label class="form-label" for="txtFrgtPassEmailId">Email Address</label> 426 <input type="email" name="txtFrgtPassEmailId" id="txtFrgtPassEmailId" class="form-control news-sub-input" required> 427 </div> 428 429 <div class="d-flex justify-content-center mt-4"> 430 <button type="button" class="btn btn-success btn-block btn-lg km-custom-4 text-body" onclick="if (!window.__cfRLUnblockHandlers) return false; showLoginDiv()" data-cf-modified-ee4c770e99db6f11279746a8-="">Submit 431 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 100 100" style="fill: rgb(0, 0, 0);width: 20px;transform: rotate(180deg);margin-left: 6px;margin-bottom: 3.5px;" xml:space="preserve" role="img" aria-label="Web Wireframe Icon"> 432 <g id="__id420_surcvdlrjo"> 433 <circle style="fill: rgb(255, 255, 255);" cx="50" cy="50" r="50"></circle> 434 </g> 435 <g id="__id421_surcvdlrjo"> 436 <path style="fill: rgb(0, 82, 106);" d="M58.904,81.215c-1.088,0-2.176-0.415-3.006-1.244L25.93,50l29.968-29.968 c1.66-1.66,4.352-1.661,6.014,0c1.66,1.66,1.66,4.354,0,6.013L37.956,50l23.956,23.956c1.66,1.661,1.66,4.353,0,6.015 C61.082,80.8,59.993,81.215,58.904,81.215z"></path> 437 </g> 438 </svg> 439 </button> 440 </div> 441 <p class="text-center text-muted mt-1 mb-0">Click here to Login 442 <a onclick="if (!window.__cfRLUnblockHandlers) return false; showForgotPassDiv(2)" class="fw-bold text-body" data-cf-modified-ee4c770e99db6f11279746a8-=""><u>login here</u></a> 443 </p> 444 445 </form> 446 447 </div> 448 </div> 449 </div> 450 </div> 451 </div> 452 </div> 453 </section> 454 455
455<script src="https://www.yarnsandfibers.com/wp-content/themes/ynfx/assets/js/jquery.min.js" type="ee4c770e99db6f11279746a8-text/javascript"></script>
455 456 <!--
456<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
456 --> 457
457<script src="https://www.yarnsandfibers.com/wp-content/themes/ynfx/assets/js/popper.min.js" type="ee4c770e99db6f11279746a8-text/javascript"></script>
457 458
458<script src="https://www.yarnsandfibers.com/wp-content/themes/ynfx/assets/js/bootstrap.min.js" type="ee4c770e99db6f11279746a8-text/javascript"></script>
458 459
459<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.js" type="ee4c770e99db6f11279746a8-text/javascript"></script>
459 460
460<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.15/js/bootstrap-multiselect.js" type="ee4c770e99db6f11279746a8-text/javascript"></script>
460 461
461<script src="https://www.yarnsandfibers.com/wp-content/themes/ynfx/assets/js/swiper.min.js" type="ee4c770e99db6f11279746a8-text/javascript"></script>
461 462
462<script src="https://www.yarnsandfibers.com/wp-content/themes/ynfx/assets/js/slick.min.js" type="ee4c770e99db6f11279746a8-text/javascript"></script>
462 463 <!--
463<script src="js/intlTelInput.js"></script>
463 --> 464 <!--animation div --> 465 <!--
465<script src="https://www.yarnsandfibers.com/wp-content/themes/ynfx/assets/js/css3-animate-it.js"></script>
465--> 466 <!--slim scroll --> 467
467<script src="https://www.yarnsandfibers.com/wp-content/themes/ynfx/assets/js/jquery.slimscroll.js" type="ee4c770e99db6f11279746a8-text/javascript"></script>
467 468 <!--
468<script src="https://code.jquery.com/jquery-3.1.1.slim.min.js"></script>
468 --> 469 <!--
469<script src="js/jquery.multi-select.js"></script>
469 --> 470
470<script src="https://www.yarnsandfibers.com/wp-content/themes/ynfx/assets/morris/raphael/raphael.js" type="ee4c770e99db6f11279746a8-text/javascript"></script>
470 471
471<script src="https://www.yarnsandfibers.com/wp-content/themes/ynfx/assets/morris/morris.js" type="ee4c770e99db6f11279746a8-text/javascript"></script>
471 472 473 474
474<script src="https://www.yarnsandfibers.com/wp-content/themes/ynfx/assets/js/toastr.min.js" type="ee4c770e99db6f11279746a8-text/javascript"></script>
474 475
475<script src="https://www.yarnsandfibers.com/wp-content/themes/ynfx/assets/js/custom_v1.js" type="ee4c770e99db6f11279746a8-text/javascript"></script>
475 476
476<script type="ee4c770e99db6f11279746a8-text/javascript"> 477 478 </script>
vendor: 144 bytes, lines 478-480
478 479 480<script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="ee4c770e99db6f11279746a8-|49" defer></script>
480</body> 481 482</html>
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.