1<!DOCTYPE html> 2<!--[if lt IE 7]><html class="ie ie6 ie-lt10 ie-lt9 ie-lt8 ie-lt7 no-js" lang="ja"><![endif]--> 3<!--[if IE 7]><html class="ie ie7 ie-lt10 ie-lt9 ie-lt8 no-js" lang="ja"><![endif]--> 4<!--[if IE 8]><html class="ie ie8 ie-lt10 ie-lt9 no-js" lang="ja"><![endif]--> 5<!--[if IE 9]><html class="ie ie9 ie-lt10 no-js" lang="ja"><![endif]--> 6<!--[if gt IE 9]><!--> 7<html class="no-js responsive" lang="ja"> 8<!--<![endif]--> 9<head> 10<meta charset="UTF-8"> 11<meta http-equiv="X-UA-Compatible" content="IE=Edge"> 12<meta name="author" content="FOODCONNECTION"> 13<title>ç岡大éãã§äººæ°ã®å± é å±ãªã©å¤åºèå±éãããæ ªå¼ä¼ç¤¾seriousãã®ç念ã¨ãããã</title> 14 15<!-- Social Share - Facebook --> 16<meta property="og:type" content="article"> 17<meta property="og:locale" content="ja_JP"> 18<meta property="og:url" content="https://www.serious-group.co.jp/origin.html"> 19<meta property="og:image" content="https://www.serious-group.co.jp/shared/img/shared/ogp.png"> 20<meta property="og:title" content="ç岡大éãã§äººæ°ã®å± é å±ãªã©å¤åºèå±éãããæ ªå¼ä¼ç¤¾seriousãã®ç念ã¨ãããã"> 21<meta property="og:site_name" content="æ ªå¼ä¼ç¤¾serious"> 22<meta property="og:description" content="ç岡å¸å¤§éã§ç¼é³¥ã»ä¸²æãã»ç端ç¼ãçã®äººæ°å± é å±ãå±éãããæ ªå¼ä¼ç¤¾seriousãã®ç念ã¨ãããã ããä¸äººã²ã¨ããè¼ãã岩æä¸ã®é£²é£ä¼æ¥ããç®æããå°åã«æãããåºä½ããé²ãã¦ãã¾ã ãæ°è¦åºåºã«åããæ±äººãåéä¸ã§ã ã"> 23 24<!-- META --> 25<meta name="description" content="ç岡å¸å¤§éã§ç¼é³¥ã»ä¸²æãã»ç端ç¼ãçã®äººæ°å± é å±ãå±éãããæ ªå¼ä¼ç¤¾seriousãã®ç念ã¨ãããã ããä¸äººã²ã¨ããè¼ãã岩æä¸ã®é£²é£ä¼æ¥ããç®æããå°åã«æãããåºä½ããé²ãã¦ãã¾ã ãæ°è¦åºåºã«åããæ±äººãåéä¸ã§ã ã"> 26 27<!-- Mobile --> 28<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> 29<meta name="apple-mobile-web-app-capable" content="yes"> 30<meta name="format-detection" content="telephone=no, date=no, address=no, email=no"> 31 32<!-- Viewport for Responsive and SP --> 33<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
34<script src="shared/js/viewport.js"></script>
34 35<!-- Viewport for PC 36 <meta name="viewport" content="width=1100, shrink-to-fit=no">--> 37 38<!-- Profiles --> 39<link rel="canonical" href="https://www.serious-group.co.jp/origin.html"> 40<link rel="profile" href="https://microformats.org/profile/hcard"> 41<link rel="apple-touch-icon" href="shared/img/shared/apple-touch-icon.png"> 42<link rel="icon" href="shared/img/shared/favicon.ico"> 43 44<!-- Styles --> 45<link rel="stylesheet" href="shared/css/common.css"> 46<link rel="stylesheet" href="shared/css/shared.css"> 47<link rel="stylesheet" href="shared/css/slick.min.css"> 48<link rel="stylesheet" href="shared/css/origin.css"> 49<link rel="preconnect" href="https://fonts.googleapis.com"> 50<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 51<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:[email protected]&family=Oswald:[email protected]&display=swap" rel="stylesheet"> 52 53<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 53-54
53 54<script async src="https://www.googletagmanager.com/gtag/js?id=
54G-WJZSLRHWZK
vendor: 12 bytes, line 54
54"></script>
55<script> 56
vendor: 134 bytes, lines 56-60
56window.dataLayer = window.dataLayer || []; 57 function gtag(){dataLayer.push(arguments);} 58 gtag('js', new Date()); 59 60 gtag('config', '
60G-WJZSLRHWZK
vendor: 4 bytes, line 60
60');
61</script>
61 62
63<script type="text/javascript"> 64 (function(c,l,a,r,i,t,y){ 65 c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; 66 t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; 67 y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); 68 })(window, document, "clarity", "script", "w25kbx717o"); 69</script>
69 70 71</head> 72<body> 73<main> 74 <header class="header-box child"> 75 <p class="logo non-over"> 76 <a href="./"> 77 <picture> 78 <source srcset="shared/img/shared/logo.png" media="(min-width: 768px)" /> 79 <img src="shared/img/shared/logo_sp.png" alt="ãã´" width="287" height="52"></picture> 80 </a> 81 </p> 82 <h1>ç岡大éãã§äººæ°ã®å± é å±ãªã©å¤åºèå±éãããæ ªå¼ä¼ç¤¾seriousãã®ç念ã¨ãããã</h1> 83 <div class="menu_toggle" id="menu_toggle"> 84 <div class="js-scroll"> 85 <p class="logo-nav"> 86 <a href="./"> 87 <picture> 88 <source srcset="shared/img/shared/fix_logo.png" media="(min-width: 768px)" /> 89 <img src="shared/img/shared/logo_sp.png" alt="ãã´" width="287" height="52"></picture> 90 </a> 91 </p> 92 <ul class="nav"> 93 <li><a href="index.html" class="nav-main"><span class="fnt-oswald">TOP</span>ããã</a></li> 94 <li><a href="origin.html" class="nav-main active"><span class="fnt-oswald">about us</span>ç念ã¨ãããã</a></li> 95 <li><a href="recruit.html" class="nav-main"><span class="fnt-oswald">recruit</span>æ±äººæ å ±</a></li> 96 <li><a href="shops.html" class="nav-main"><span class="fnt-oswald">shops</span>éå¶åºè</a></li> 97 <li><a href="about.html" class="nav-main"><span class="fnt-oswald">company</span>ä¼ç¤¾æ¦è¦</a></li> 98 </ul> 99 </div> 100 </div> 101 <div class="hamburger sp"><span></span></div> 102 </header> 103 <div id="head-key"> 104 <div id="key-box"> 105 <div class="wrap"> 106 <p class="ttl slidein slide_left"><img src="shared/img/origin/key_ttl.png" alt="ABOUT US" width="1135" height="308"></p> 107 </div> 108 <div class="slide-content"> 109 <div class="slide-wrap"> 110 <ul class="slide-diagonal flex"> 111 <li><span><img src="shared/img/origin/key_js_p1.jpg" alt="ç¬é¡ã®ç·æ§ã¹ã¿ãã" width="465" height="756"></span></li> 112 <li><span><img src="shared/img/origin/key_js_p2.jpg" alt="ç¬é¡ã®å¥³æ§ã¹ã¿ãã" width="465" height="756"></span></li> 113 <li><span><img src="shared/img/origin/key_js_p3.jpg" alt="調çä¸ã¹ã¿ãã" width="465" height="756"></span></li> 114 <li><span><img src="shared/img/origin/key_js_p4.jpg" alt="女æ§ã¹ã¿ãã" width="465" height="756"></span></li> 115 <li><span><img src="shared/img/origin/key_js_p5.jpg" alt="ç·æ§ã¹ã¿ãã" width="465" height="756"></span></li> 116 <li><span><img src="shared/img/origin/key_js_p6.jpg" alt="女æ§ã¹ã¿ãã" width="465" height="756"></span></li> 117 </ul> 118 </div> 119 </div> 120 </div> 121 <div id="lead"> 122 <div class="wrap"> 123 <h2>伿¥ç念<br><span class="fnt-oswald scroll_active">philosophy</span></h2> 124 <p class="ttl txt-vertical-pc"><span class="line1">å ¨ã¦ã¯</span><br><span class="line2"><span class="blue2">楽</span>ãããã¨ãã</span></p> 125 <p class="txt">ãæ ªå¼ä¼ç¤¾seriousï¼ã·ãªã¢ã¹ï¼ãã®æ©ã¿ã¯<br class="pc"><span class="blue">ã大è¡å± é å±ã¨ããèå°ã§ã¨ã¼ã¹ã«ãªãã</span><br class="pc"><span class="blue">æé«ã®ä»²éãã¡ã¨æé«ã®ãã¼ã ãä½ãã岩æã§ä¸çªã«ãªãããã</span><br class="pc">ã¨ããæ³ãããå§ã¾ãã¾ããã<br class="pc">2006å¹´ã«ãç´ äººå å¼å ä¸ ç岡ã¢ãªããããã鿥ãããã¨ããã£ããã«ã2008å¹´ã«ä¼ç¤¾ãè¨ç«ã<br class="pc">ç¾å¨ã§ã¯å²©æçç岡å¸å¤§éã¨ãªã¢ãä¸å¿ã«ã<br class="pc">ç¼é³¥ã»ä¸²æãã»ç端ç¼ããªã©<br class="pc"><span class="blue">夿¥æ ã®äººæ°åº</span>ãæ¬¡ã ã¨ç«ã¡ä¸ããã¾ã§ã«æé·ã§ãã¾ããã<br class="pc">ãããããã¹ã¿ããä¸äººã²ã¨ããåæ§ãç¹æãæ´»ããã<br class="pc">å¿ããæ¥½ããã§åããç°å¢ãæ´ãã<br class="pc"><span class="blue">ã岩æä¸ã®é£²é£ä¼æ¥ã</span>ãç®æãã¦éé²ãã¦ããã¾ãã</p> 126 </div> 127 </div> 128 </div> 129 <div class="pc"> 130 <div class="btn-fixed"><a href="e-mailform-jp/recruit.html" target="_blank" onClick="gtag('event','fix_btn_recruit_entry',{transport_type:'beacon'});"><img src="shared/img/shared/fix_btn.png" alt="æ±äººã¨ã³ããªã¼" width="74" height="208" loading="lazy"></a></div> 131 </div> 132 <section class="nav-main"> 133 <div id="sec1"> 134 <div class="bg-para"> 135 <div class="img-parallax2"> <img src="shared/img/origin/sec1_para.jpg" alt="éååç" width="1500" height="1005"> </div> 136 </div> 137 <div class="set1"> 138 <div class="wrap"> 139 <div class="row"> 140 <h2 class="ttl"><span class="fnt-oswald scroll_active">VISION</span><br><span class="jp">ä¸äººã²ã¨ããè¼ãã </span><span class="jp">
140岩æä¸ã®é£²é£ä¼æ¥ã«</span></h2> 141 <p class="txt">ç§ãã¡ãä½ããã大åã«ãã¦ããã®ã¯ãå ¨ã¦ã¯æ¥½ãããã¨ãããã¨ãã信念ã§ãã<br>飲é£ã®ä»äºã¯æçããµã¼ãã¹ããã¹ã¦ã人ã®ç®ã«è§¦ãã¾ãã<br>ã ããããããã ä»äºãããªãã®ã§ã¯ãªãã <br>èªåèªèº«ãå¿ããæ¥½ãã¿ãªãããé ãããå§¿å¢ãä¸å¯æ¬ ã§ãã<br>ã客æ§ã«ã©ãåãã§ããã ãããã¤ã¡ã¼ã¸ããã¨ãèªç¶ã¨å¿ãå¼¾ããã®ã<br>ãã®ã¯ã¯ã¯ã¯ããæ°æã¡ãè¡åã«è¡¨ããã客æ§ã®ç¬é¡ãæåãçãåã«ãªãã¨ç¢ºä¿¡ãã¦ãã¾ãã</p> 142 </div> 143 <div class="row"> 144 <h3 class="ttl"><span class="fnt-oswald scroll_active">mission</span><br><span class="jp">åãåºã¯åããã¨ãåãããã</span><br class="pc"><span class="jp">åã仲é(ãã¼ã )ãåãåºãä½ãã</span></h3> 145 <p class="txt">岩æä¸ã«ãªãããã«ã¯å²©æä¸ã«ãªãããã®è¡åãããã<br>å¼·ããã¼ã ã¯æ¨æ¶ããããã<br>岩æä¸ã®ãã¼ã ã«ãªãããã«ã¯ã岩æä¸ã®æ¨æ¶ããå§ãããã<br>æ¨æ¶ä¸ã¤ã§ãåºãå¤ããã<br>æ¨æ¶ã«ãã£ã¦ç¸æãå æ°ã«ãããåºãæãããããã¨ãã§ããã<br>æè次第ã§ä»ããå¤ããããã<br>æ¬æ°ã®ä»²éã岩æä¸ã®ãåºãä½ãã</p> 146 </div> 147 </div> 148 <div class="group-photo"> 149 <p class="photo1"><img src="shared/img/origin/sec1_group_p1.jpg" alt="éååç" width="377" height="273"></p> 150 <p class="photo2"><img src="shared/img/origin/sec1_group_p2.jpg" alt="éååç" width="345" height="479"></p> 151 <p class="photo3"><img src="shared/img/origin/sec1_group_p3.jpg" alt="éååç" width="370" height="518"></p> 152 <p class="photo4"><img src="shared/img/origin/sec1_group_p4.jpg" alt="éååç" width="323" height="273"></p> 153 </div> 154 </div> 155 <div class="set2"> 156 <div class="wrap"> 157 <h3>è¡åæé<br><span class="scroll_active fnt-oswald">Credo</span></h3> 158 <div class="list"> 159 <div class="box"> 160 <h4>æè¬</h4> 161 <p class="txt3">åºä¼ãã¨ç¹ããã大åã«ã<br>ãã¹ã¦ã®äººã«ä¼ãããã<br>ããããã¨ãã®æ°æã¡ã ããç¬é¡ãçã¾ããã</p> 162 </div> 163 <div class="box"> 164 <h4>æ¨æ¶</h4> 165 <p class="txt3">声ã®å¤§ããã¯ãæ°æã¡ã®å¤§ããã<br>ç¸æã«å æ°ãä¸ããå æ°ã§è¿ããã<br>ããã®ä¸å£°ãã§ç©ºæ°ãå¤ããã</p> 166 </div> 167 <div class="box"> 168 <h4>æ¬æ°</h4> 169 <p class="txt3">ã©ããè¦ããããªãããé ããå´ãã<br>ãããã ã¨æ±ºããæã人çã¯å¤§ããåãå§ããã<br>ãã®è¡åããç¸æã®å¿ã«ç«ãã¤ããã</p> 170 </div> 171 <div class="box"> 172 <h4>ææ¦</h4> 173 <p class="txt3">ã§ããã§ããªããããªããããããããªããã<br>ä½äºã«ãä¸çæ¸å½ããã®è¡åã«äººã¯å¿ãæãããã<br>ãã®å ã«ããã®ã¯ãæ°ããèªåãã</p> 174 </div> 175 <div class="box"> 176 <h4>責任</h4> 177 <p class="txt3">ããããã«å½¹å²ãããã<br>åæã«ãããªãã諦ããªããæãåºããªããéããªãã<br>ãæ¥ã ã®ç©ã¿éãã ãèªå·±ã®æé·ã¨ä¿¡é ¼ã«ãªãã</p> 178 </div> 179 </div> 180 <p class="btn-cus"><a href="recruit.html#sec2">å 輩社å¡ã®ãªã¢ã«</a></p> 181 </div> 182 </div> 183 </div> 184 185 <div id="sec2"> 186 <div class="wrap"> 187 <h2 class="scroll_active"><img src="shared/img/origin/sec2_t1.png" alt="NEXT" width="635" height="122" loading="lazy"></h2> 188 <h3><img src="shared/img/origin/sec2_t2.png" alt="ç岡ã¨å ±ã«æ©ãã ã·ãªã¢ã¹ã°ã«ã¼ãã®ãããã" width="635" height="226"></h3> 189 <p class="txt"><span class="blue2">
189ç岡ã®å°ãããã«æ´»æ§åãã¦ãããã¨</span>ãã<br class="pc">ç§ãã¡ã®ä½¿å½ã§ãã<br class="pc">大éã¨ãªã¢ãä¸å¿ã«ã<br class="pc">å°åå¯çã§åºèå±éãé²ãã¦ããã®ããã®ããã<br class="pc">ç¾å¨ã¯<span class="blue2">6åºèãéå¶</span>ãã¦ãã¾ããã<br class="pc">ãããããæ°è¦åºåºãè¡ã£ã¦è¡å ¨ä½ãæããå æ°ã«ãã<br class="pc">å°åã®çæ§ã«æããã<span class="blue2">å¿ è¦ã¨ãããåå¨ã§ããç¶ãããããã</span><br class="pc">å ¨åã§åãçµãã§ã¾ããã¾ãã</p> 190 <p class="btn-cus"><a href="shops.html">ã·ãªã¢ã¹MAP</a></p> 191 <div class="map"> 192 <div class="base"><img src="shared/img/origin/sec2_map.png" alt="map" width="804" height="1100" loading="lazy"></div> 193 </div> 194 </div> 195 </div> 196 197 <div id="sec3"> 198 <div class="wrap"> 199 <h2 class="scroll_active"><img src="shared/img/origin/sec3_t1.png" alt="recruit" width="560" height="232" loading="lazy"></h2> 200 <h3><img src="shared/img/origin/sec3_t2.png" alt="äºæ¥æ¡å¤§ã«åããæ±äººåé" width="432" height="49" loading="lazy"></h3> 201 <p class="txt">æ°è¦åºåºãäºæ¥æ¡å¤§ãè¦éã«å ¥ããå¼ç¤¾ã§ã¯ã¢ã«ãã¤ãã»æ£ç¤¾å¡ãåéãã¦ãã¾ãã<br class="pc">æ°åã»ä¸éã¯ãã¡ããã飲飿ªçµé¨ã®æ¹ã大æè¿ã<br class="pc">ã客æ§ã®ç¬é¡ãæããªãããç§ãã¡ã¨ä¸ç·ã«æ¥½ããåãã¦ã¿ã¾ãããï¼<br class="pc">çæ§ããã®ãå¿åã»ãåãåãããå¿ãããå¾ ã¡ãã¦ãã¾ãã</p> 202 <a href="recruit.html"> 203 <p class="btn1 cHoverShutter"><img src="shared/img/origin/sec3_view_more.png" alt="VIEW MORE" width="315" height="315" class="btn" loading="lazy"></p> 204 </a> 205 </div> 206 </div> 207 </section> 208 <footer> 209 <div class="wrap"> 210 <div class="row flex"> 211 <p class="logo"><img src="shared/img/shared/footer_logo.png" alt="ãã´" width="495" height="101" loading="lazy"></p> 212 <div class="info"> 213 <p class="address">ã020-0851<br>岩æçç岡å¸åä¸éäºä¸ç®47çª23å·</p> 214 <dl class="tel"> 215 <dt>ãåãåãã</dt> 216 <dd><a href="tel:0196569011" class="telhref" onClick="gtag('event','footer_phone',{event_category:'Phone Call',transport_type:'beacon'});"><span class="tel-icon fnt-oswald"><span>TEL.</span>019-656-9011</span></a></dd> 217 </dl> 218 </div> 219 </div> 220 <p class="ttl fnt-oswald">Our Brands</p> 221 <div class="group-shop flex"> 222 <div class="shop"> <a href="shops.html#kanto"> 223 <p class="img"><img src="shared/img/shared/footer_p1.jpg" alt="çã¨" width="334" height="335" loading="lazy"></p> 224 <p class="logo-shop"><img src="shared/img/shared/footer_logo1.png" alt="çã¨" width="334" height="335" loading="lazy"></p> 225 </a> </div> 226 <div class="shop"> <a href="shops.html#yorozu"> 227 <p class="img"><img src="shared/img/shared/footer_p2.jpg" alt="è¬" width="334" height="334" loading="lazy"></p> 228 <p class="logo-shop"><img src="shared/img/shared/footer_logo2.png" alt="è¬" width="334" height="334" loading="lazy"></p> 229 </a> </div> 230 <div class="shop"> <a href="shops.html#marufuji"> 231 <p class="img"><img src="shared/img/shared/footer_p3.jpg" alt="丸å¯å£«" width="334" height="334" loading="lazy"></p> 232 <p class="logo-shop"><img src="shared/img/shared/footer_logo3.png" alt="丸å¯å£«" width="334" height="334" loading="lazy"></p> 233 </a> </div> 234 <div class="shop"> <a href="shops.html#sumika"> 235 <p class="img"><img src="shared/img/shared/footer_p4.jpg" alt="æ " width="334" height="334" loading="lazy"></p> 236 <p class="logo-shop"><img src="shared/img/shared/footer_logo4.png" alt="æ " width="334" height="334" loading="lazy"></p> 237 </a> </div> 238 <div class="shop"> <a href="shops.html#manachochinita"> 239 <p class="img"><img src="shared/img/shared/footer_p5.jpg" alt="ãã§ã¦ãã³" width="334" height="334" loading="lazy"></p> 240 <p class="logo-shop"><img src="shared/img/shared/footer_logo5.png" alt="ãã§ã¦ãã³" width="334" height="334" loading="lazy"></p> 241 </a> </div> 242 <div class="shop"> <a href="shops.html#ginka"> 243 <p class="img"><img src="shared/img/shared/footer_p6.jpg" alt="éé¦" width="334" height="334" loading="lazy"></p> 244 <p class="logo-shop"><img src="shared/img/shared/footer_logo6.png" alt="éé¦" width="334" height="334" loading="lazy"></p> 245 </a> </div> 246 <!--<div class="shop"> 247 <p class="img"><img src="shared/img/shared/footer_p7.jpg" alt="Coming soon" width="334" height="334" loading="lazy"></p> 248 <p class="logo-shop"><img src="shared/img/shared/footer_logo7.png" alt="éé¦" width="334" height="334" loading="lazy"></p> 249 </div>--> 250 </div> 251 <div class="pc"> 252 <nav class="nav-inline"> <a href="index.html"><span class="fnt-oswald">TOP</span>ããã</a> <a href="origin.html" class="active"><span class="fnt-oswald">about us</span>ç念ã¨ãããã</a> <a href="recruit.html"><span class="fnt-oswald">recruit</span>æ±äººæ å ±</a> <a href="shops.html"><span class="fnt-oswald">shops</span>éå¶åºè</a> <a href="about.html"><span class="fnt-oswald">company</span>ä¼ç¤¾æ¦è¦</a> </nav> 253 </div> 254 <div class="bottom"> 255 <p class="access_btn"><span class="copy" data-copy="" data-replace-text="ã³ãã¼ãã¾ãã" data-replace-image="" onClick="gtag('event','copy_url');">URLãã³ãã¼ãã¦å ±æ</span> </p> 256 <p class="cookie"><a href="https://www.foodconnection.jp/cookie/cookie_share.html" target="_blank" rel="nofollow">Cookieæ å ±çã®åãæ±ãã«ã¤ãã¦</a></p> 257 </div> 258 <div id="socialbuttons"></div> 259 <address> 260 © æ ªå¼ä¼ç¤¾serious. All Rights Reserved. 261 </address> 262 </div> 263 <p id="pagetop" class="style2"><img src="shared/img/shared/up.png" alt="æä¸é¨ã¸" width="94" height="65" loading="lazy"></p> 264 </footer> 265 <div id="fixed-sp" class="sp"> 266 <ul> 267 <li><a href="shops.html" class="fnt-oswald">shops</a></li> 268 <li><a href="e-mailform-jp/recruit.html" target="_blank" onClick="gtag('event','btn_recruit_entry',{transport_type:'beacon'});">æ±äººã¨ã³ããªã¼</a></li> 269 </ul> 270 </div> 271</main> 272 273<!-- Facebook - Social --> 274<div id="fb-root"></div> 275<!-- Libraries script -->
276<script src="shared/js/base.js"></script>
276
277<script src="shared/js/autoload.js"></script>
277
278<script src="shared/js/jquery.min.js"></script>
278
279<script src="shared/js/infiniteslidev2.js"></script>
279
280<script src="shared/js/common.js"></script>
280
281<script src="shared/js/shared.js"></script>
281
282<script src="shared/js/jquery.slick.min.js"></script>
282
283<script> 284 285 286 $(function(){ 287 $('.slide-diagonal').infiniteslide({ 288 speed: 50, 289 pauseonhover: false 290 }); 291}); 292 293 294 295 function observeSlickSlider(sliderSelector) { 296 const sliderElement = document.querySelector(sliderSelector); 297 if (!sliderElement) return; 298 299 const observer = new IntersectionObserver((entries) => { 300 entries.forEach(entry => { 301 if (entry.isIntersecting) { 302 $(sliderSelector).slick('slickPlay'); 303 } else { 304 $(sliderSelector).slick('slickPause'); 305 } 306 }); 307 }, { 308 threshold: 0.5 309 }); 310 311 observer.observe(sliderElement); 312} 313 314 $('.sec1-js').slick({ 315 autoplay: true, 316 dots: true, 317 infinite: true, 318 arrows: true, 319 speed: 1000, 320 autoplaySpeed: 3000, 321 fade: true, 322 cssEase: 'linear', 323 324 }); 325 $('.sec1-js').on('touchstart', function() { 326 $('.sec1-js').slick('slickPlay'); 327 }); 328 329 observeSlickSlider('.sec1-js'); 330 331 332gsap.registerPlugin(ScrollTrigger); 333 334let tl = gsap.timeline({ 335 scrollTrigger: { 336 trigger: "#sec1", 337 start: "top top", 338 end: "bottom bottom", 339 scrub: true, 340 markers: false, 341 pin: ".bg-para", 342 pinSpacing: false, 343 anticipatePin: 1, 344 onEnter: () => { 345 document.querySelector(".bg-para").classList.add("active"); 346 document.querySelector("#sec1").classList.add("active"); 347 }, 348 onLeaveBack: () => { 349 document.querySelector(".bg-para").classList.remove("active"); 350 document.querySelector("#sec1").classList.remove("active"); 351 } 352 } 353}); 354 355tl.to(".bg-para", { 356 width: "100%", 357 duration: 1, 358 ease: "none", 359}); 360 361 362 363 364 window.addEventListener("load", function() { 365 ScrollTrigger.refresh(); 366}); 367 </script>
vendor: 1 bytes, line 367
367
368<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"6ef92ce0ca9349218db0a6b392b5ea92","r":1,"spa":2}' crossorigin="anonymous"></script>
368 369</body> 370</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.