PageSourceSearch

https://moilin.co/index_cy.html

html moilin.co collected 2026-09-24 11:04:03 UTC 24,181 bytes, 428 lines download raw bytes

1<!DOCTYPE html>
2<html>
3    <head>
4        <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 72 bytes, lines 4-5
4
5        <script async src="https://www.googletagmanager.com/gtag/js?id=
5UA-38414491-1
vendor: 20 bytes, lines 5-6
5"></script>
6        
6<script>
7          
vendor: 158 bytes, lines 7-11
7window.dataLayer = window.dataLayer || [];
8          function gtag(){dataLayer.push(arguments);}
9          gtag('js', new Date());
10
11          gtag('config', '
11UA-38414491-1
vendor: 12 bytes, lines 11-12
11');
12        
12</script>
12
13        
14        <!-- FAVICON -->
15        <link rel="apple-touch-icon" sizes="57x57" href="/favicon/apple-icon-57x57.png">
16        <link rel="apple-touch-icon" sizes="60x60" href="/favicon/apple-icon-60x60.png">
17        <link rel="apple-touch-icon" sizes="72x72" href="/favicon/apple-icon-72x72.png">
18        <link rel="apple-touch-icon" sizes="76x76" href="/favicon/apple-icon-76x76.png">
19        <link rel="apple-touch-icon" sizes="114x114" href="/favicon/apple-icon-114x114.png">
20        <link rel="apple-touch-icon" sizes="120x120" href="/favicon/apple-icon-120x120.png">
21        <link rel="apple-touch-icon" sizes="144x144" href="/favicon/apple-icon-144x144.png">
22        <link rel="apple-touch-icon" sizes="152x152" href="/favicon/apple-icon-152x152.png">
23        <link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-icon-180x180.png">
24        <link rel="icon" type="image/png" sizes="192x192"  href="/android-icon-192x192.png">
25        <link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">
26        <link rel="icon" type="image/png" sizes="96x96" href="/favicon/favicon-96x96.png">
27        <link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png">
28        <link rel="manifest" href="/favicon/manifest.json">
29        <meta name="msapplication-TileColor" content="#ffffff">
30        <meta name="msapplication-TileImage" content="/favicon/ms-icon-144x144.png">
31        <meta name="theme-color" content="#ffffff">
32        
33        <title>Moilin - Profiadau Digidol / Digital Experiences</title>
34        <meta charset="utf-8"/>
35        <meta name=viewport content="width=device-width, initial-scale=1">
36        
37        
37<script type="text/javascript" src="js/pace.min.js"></script>
37
38        <link href="css/pace-loading-bar.css" rel="stylesheet">
39        <link rel="stylesheet" type="text/css" href="css/animate.caliber.css">
40        <link rel="stylesheet" type="text/css" href="css/materialdesignicons.caliber.css">
41        <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
42        
42<script type="text/javascript" src="js/jquery.min.js"></script>
42
43        
43<script src="js/jquery.viewportchecker.min.js"></script>
43
44        <!--Mixitup -->
45        
45<script type="text/javascript" src="js/jquery.mixitup.min.js"></script>
45
46        <!--Fancybox -->
47        
47<script type="text/javascript" src="js/jquery.fancybox.pack.js"></script>
47
48        <link rel="stylesheet" type="text/css" href="css/jquery.fancybox.css" media="screen" />
49        <!--Parallax -->
50        
50<script type="text/javascript" src="js/jquery.parallax-1.1.3.js"></script>
50
51        
51<script type="text/javascript" src="js/jquery.localscroll-1.2.7-min.js"></script>
51
52        
52<script type="text/javascript" src="js/jquery.scrollTo-1.4.6-min.js"></script>
52
53        <!--Owl-->
54        <link href="css/owl.carousel.css" rel="stylesheet">
55        <link href="css/owl.theme.css" rel="stylesheet">
56        <link href="css/owl.transitions.css" rel="stylesheet">
57        
57<script src="js/owl.carousel.min.js"></script>
57
58        <!-- Main Style -->
59        <link rel="stylesheet" id="main-style" type="text/css" href="css/style.css">
60        
60<script type="text/javascript" src="js/main.js"></script>
60
61    </head>
62    <body class=" angled  yellow">
63        <!-- Section Start - Header -->
64        <section class="header bg-lightgray header-parallax" id="header">
65            <!-- Menu Top Bar - Start -->
66            <div class="topbar " data-effect="fadeIn">
67                <div class="menu">
68                    <div class="primary inviewport animated delay4" data-effect="fadeInRightBig">
69                        <div class='cssmenu'>
70                            <!-- Primary Menu - Start -->
71                            <ul class='menu-ul' id='parallax-nav-primary'>
72                            <li class="homelink"><a class="" href="index_cy.html#header">Hafan</a></li>
73                            <li class="aboutlink"><a class="" href="index_cy.html#about">Amdanom</a></li>
74                            <!-- <li class="serviceslink"><a class="" href="index_cy.html#services">What</a></li> -->
75                            <li class="skillslink"><a class="" href="index_cy.html#solutions">Ein Gwaith</a></li>
76                        </ul>
77                        <!-- Primary Menu - End -->
78                    </div>
79                </div>
80                <div class="black inviewport animated delay4" data-effect="fadeInLeftBig">
81                    <div class='cssmenu'>
82                        <!-- Dark Menu - Start -->
83                        <ul class='menu-ul' id='parallax-nav-dark'>
84                        <li class="contact"><a class="" href="index_cy.html#contact">Cysylltwch</a></li>
85                        <li class="lang"><a class="lang" href="index.html">English</a></li>
86                    </ul>
87                    <!-- Dark Menu - End -->
88                </div>
89            </div>
90        </div>
91    </div>
92    <!-- Menu Top Bar - End -->
93    <!-- Logo and Mobile Menu - Start -->
94    <div class='header-logo-wrap'>
95        <div class="container">
96            <div class="logo col-xs-2">
97        		<a class="" href="#header"><img alt="header-logo-image" src="img/logo.png" class='header-logo-paralax' style=''></a>
98	           	<img alt="header-logo-image" src="img/logo_lrg_trans.png" class='header-logo' style=''>
99            </div>
100            <div class="menu-mobile col-xs-10 pull-right cssmenu">
101                <i class="mdi mdi-menu menu-toggle"></i>
102                <ul class="menu" id='parallax-mobile-menu'>
103                </ul>
104            </div>
105        </div>
106    </div>
107    <!-- Logo and Mobile Menu - End -->
108    <!-- Header Slide - Start -->
109    <div class="header-slide" style="position:relative;">
110        <img alt="header-banner-image" src="img/banner-1.jpg" class='header-img' style=''>
111        <div class="overlay overlay1">
112            <div class="black inviewport animated delay4" data-effect="fadeInLeftOpacity"></div>
113            <div class="primary inviewport animated delay4" data-effect="fadeInRightOpacity"></div>
114            <!-- Header Text - Start -->
115            <div class="maintext">
116                <div class="primary-text inviewport animated delay4" data-effect="fadeInRightBig">
117                    <div class="left-line">
118                        <h4>Croeso</h4>
119                        <h1>Ni yw</h1>
120                    </div>
121                </div>
122                <div class="black-text inviewport animated delay4" data-effect="fadeInLeftBig">
123                    <div>
124                        <h1>Moilin</h1>
125                    </div>
126                </div>
127            </div>
128            <!-- Header Text - End -->
129        </div>
130    </div>
131    <!-- Header Slide - End -->
132</section>
133<!-- Section End - Header -->
134<!-- Section Start - Who We Are -->
135<section class='whoweare padding-top-100 padding-bottom-0' id="about">
136    <!-- Angled Section - Start -->
137    <div class="angled_down_inside white">
138        <div class="slope upleft"></div>
139        <div class="slope upright"></div>
140    </div>
141    <!-- Angled Section - End -->
142    <div class="container">
143       <h1 class="heading left-align">Moilin?</h1>
144       <div class="headul left-align"></div>
145        <div class="row">
146            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 text-area">
147                <p>Gyredig gan angerdd am brofiadau digidol ystyrlon, mae Moilin yn enw sy'n gysylltiedig ag ansawdd, a dros y 7 mlynedd ddiwethaf wedi dod yn arweinydd mewn cynhyrchu profiadau dwyieithog o ansawdd uchel.</p>
148                <p>Mae Moilin yn bennaf yn cynhyrchu i dwristiaeth, digwyddiadau ac addysg, ac wedi cyhoeddi apiau proffil amlwg, llwyddiannus, yn cynnwys Eistedded yr Urdd, Taith Dylan Thomas yn Efrog Newydd, S4C: Dal Ati a Sioe Frenhinol Cymru.</p>
149                <p>Ar hyn o bryd, mae Moilin yn gweithio ar nifer o brofiadau digidol arloesol i'r sector dwristiaeth, yn gwthio ffiniau profiadau realiti estynedig, rhithwir a cymysg.</p>
150				<br>
151				<p>Moilin hefyd yw'r tîm ti ôl i'r gwasanaeth gwerthiant tocynnau ar lein cwbl ddwyieithog : Tocyn Cymru. (wedi ei ariannu'n rhannol gan Lywodraeth Cymru.)</p>
152	            <a href="https://tocyn.cymru" class="btn btn-primary">Tocyn Cymru</a>
153	        </div>
154            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 slider-area">
155                <!-- Image Carousel - Start -->
156                <ul id="image-slider" class="owl-carousel">
157                    <!-- Image Carousel Item - Start -->
158                    <li class="">
159                        <img alt="" class="lazyOwl img-responsive" data-src="img/product_1.jpg" src="#">
160                    </li>
161                    <!-- Image Carousel Item - End -->
162                    <!-- Image Carousel Item - Start -->
163                    <li class="">
164                        <img alt="" class="lazyOwl img-responsive" data-src="img/product_2.jpg" src="#">
165                    </li>
166                    <!-- Image Carousel Item - End -->
167                    <!-- Image Carousel Item - Start -->
168                    <li class="">
169                        <img alt="" class="lazyOwl img-responsive" data-src="img/product_3.jpg" src="#">
170                    </li>
171                    <!-- Image Carousel Item - End -->
172                    <!-- Image Carousel Item - Start -->
173                    <li class="">
174                        <img alt="" class="lazyOwl img-responsive" data-src="img/product_4.jpg" src="#">
175                    </li>
176                    <!-- Image Carousel Item - End -->
177                    <!-- Image Carousel Item - Start -->
178                    <li class="">
179                        <img alt="" class="lazyOwl img-responsive" data-src="img/product_5.jpg" src="#">
180                    </li>
181                    <!-- Image Carousel Item - End -->
182                    <!-- Image Carousel Item - Start -->
183                    <li class="">
184                        <img alt="" class="lazyOwl img-responsive" data-src="img/product_6.jpg" src="#">
185                    </li>
186                    <!-- Image Carousel Item - End -->
187                    <!-- Image Carousel Item - Start -->
188                    <li class="">
189                        <img alt="" class="lazyOwl img-responsive" data-src="img/product_8.jpg" src="#">
190                    </li>
191                    <!-- Image Carousel Item - End -->
192                </ul>
193                <!-- Image Carousel - End -->
194            </div>
195        </div>
196    </div>
197    <!-- Angled Section - Start -->
198    <div class="angled_up_inside white">
199        <div class="slope upleft"></div>
200        <div class="slope upright"></div>
201    </div>
202    <!-- Angled Section - End -->
203</section>
204<!-- Section End - Who We Are -->
205<!-- Section Start - Quotes -->
206<section class="parallax twitter" id="quotes">
207    <div class="bg-overlay opacity-85"></div>
208    <div class="container">
209        <div class="row">
210            <div class="col-lg-12 col-md-12 col-xs-12 col-sm-12">
211                <!-- Tweet Carousel - Start -->
212                <ul id="twitter-carousel" class="owl-carousel">
213                    <!-- Tweet - Start -->
214                    <li class="">
215                        <h3 class="tweet" data-id="tweet-1">Roedd yr adborth yn ystod y gynhadledd yn <span class='text-primary'>hollgyffredinol ragorol</span>, gyda llawer o ddirprwyon a staff y gynhadledd yn ei ddefnyddio drwyddi draw. Roedd 
215yr amserlen, a weithiodd yn wirioneddol dda, yn arbennig o eglur.</h3>
216                        <div class="tweet_by">Kathy Loizou</div>
217                        <div class="tweet_time">Cyfarwyddwraig, The Children's Media Conference</div>
218                    </li>
219                    <!-- Tweet - End -->
220                    <!-- Tweet - Start -->
221                    <li class="">
222                        <h3 class="tweet" data-id="tweet-2">Pleser pur oedd cyd-weithio â'r tîm... Roeddent yn deall yr hyn oedd yn wyseb eithaf cymhleth gydag amryw o bartneriaid yn fuan iawn, gan fynd <span class='text-primary'>ymhellach na'r gofyn</span> i ddod â phopeth at ei gilydd.</h3>
223                        <div class="tweet_by">Lisa Mathews</div>
224                        <div class="tweet_time">Cyfarwyddwraig, Cerdd Cymru (Womex Cymru)</div>
225                    </li>
226                    <!-- Tweet - End -->
227                </ul>
228                <!-- Tweet Carousel - End -->
229            </div>
230        </div>
231    </div>
232</section>
233<!-- Section End - Quotes -->
234
235<!-- Section Start - Why Choose Us -->
236<section class='whychooseus padding-top-100 padding-bottom-0 ' id='solutions'>
237    <!-- Angled Section - Start -->
238    <div class="angled_down_inside white">
239        <div class="slope upleft"></div>
240        <div class="slope upright"></div>
241    </div>
242    <!-- Angled Section - End -->
243    <div class="container">
244        <div class="row">
245            <h1 class="heading">Ein Gwaith</h1>
246            <div class="headul"></div>
247            <p class="subheading">Mae tîm bychan Moilin, gyda dros 30 mlynedd o brofiad ar y cyd, yn cynhyrchu datrysiadau digidol creadigol uchel gan ddefnyddio technolegau ymyl dorri.</p>
248            <div class="features">
249                <!-- Feature - Start -->
250                <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 feature inviewport animated delay1" data-effect="fadeInUp">
251                    <div class="icon">
252                        <i class="mdi mdi-arrow-right"></i>
253                    </div>
254                    <div class="info">
255                        <h3 class="title">Apiau Tywys</h3>
256                        <p>Mae Moilin wedi cynhyrchu amryw o Apiau Tywys yn seiliedig ar leoliad (e.e. <a href="//moil.in/dtnytourios" title="Dylan Thomas NY tour">Dylan Thomas yn Efrog Newydd</a> a <a href="//moil.in/castellhenllysios" title="Castell Henllys">Castell Henllys</a>), gan ddefnyddio’u fframwaith datblygu mewnol, sy'n gwneud defnydd o'r technolegau diweddaraf tra'n cadw prisiau'n isel.</p>
257                        <p>Mae'r Apiau Tywys hyn yn cynnwys y defnydd o Fapiau GPS, Codau QR, Realedd Estynedig, Gêmau Cwis, Helfeydd Trysor, Teithiau Clywedol... yn ogystal â'r nodweddion safonol disgwyliedig o ap tywys rinweddol.</p>
258                    </div>
259                </div>
260                <!-- Feature - End -->
261                <!-- Feature - Start -->
262                <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 feature inviewport animated delay2" data-effect="fadeInUp">
263                    <div class="icon">
264                        <i class="mdi mdi-arrow-right"></i>
265                    </div>
266                    <div class="info">
267                        <h3 class="title">Apiau Digwyddiadau</h3>
268                        <p>Gyda'u apiau digwyddiadau yn cyrraedd y siartiau uchaf ar iTunes, mae Moilin wedi cynhyrchu apiau digwyddiadau uchel eu safon i rai o brif ddigwyddiadau Cymru, sef, <a href="//moil.in/steddfodios" title="Eisteddfod yr Urdd yn yr App Store">Eisteddfod Urdd</a> a <a href="//moil.in/royalwelshios" title="Sioe Frenhinol Cymru yn yr App Store">Sioe Frenhinol</a>.</p>
269                        <p>Mae'r holl apiau digwyddiadau yn ddwyieithog, ac yn cynnwys amserlenni personoledig, mapiau GPS, cyfryngau cyfoethog a hysbysiadau addasiedig - gan gadw'r cyfranogwyr yn fodlon, cyn, yn ystod ac ar ôl y digwyddiad.</p>
270                    </div>
271                </div>
272                <!-- Feature - End -->
273                <!-- Feature - Start -->
274                <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 feature inviewport animated delay3" data-effect="fadeInUp">
275                    <div class="icon">
276                        <i class="mdi mdi-arrow-right"></i>
277                    </div>
278                    <div class="info">
279                        <h3 class="title">Addysg</h3>
280                        <p>Gyda phartneriaid sy'n arbenigwyr mewn addysg a dylunio hyfforddiadol, mae Moilin wedi cynhyrchu amrywiaeth eang o adnoddau addysgol i oedolion a phlant, wedi eu trosglwyddo trwy gyfr
280wng apiau symudol a pyrth y we (e.e. adnoddau <a href="http://resources.hwb.wales.gov.uk/VTC/2017/wenfro/index.html" title="Wenfro ar Hwb">Wenfro</a>).</p>
281                        <p>Mewn partneriaeth ag <a href="http://www.optimwm.co.uk" title="Optimwm website">Optimwm</a>, a trwy weithio gydag amryw o ysgolion a phrifysgolion, mae Moilin ar hyn o bryd yn datblygu llwyfan er mwyn trosglwyddo dysgu cyfun sy'n cynnwys profiadau ar y we a ffonau symudol i atgyfnerthu'r dysgu wyneb i wyneb craidd.</p>
282                    </div>
283                </div>
284                <!-- Feature - End -->
285                <!-- Feature - Start -->
286                <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 feature inviewport animated delay1" data-effect="fadeInUp">
287                    <div class="icon">
288                        <i class="mdi mdi-arrow-right"></i>
289                    </div>
290                    <div class="info">
291                        <h3 class="title">Dadansoddiad</h3>
292                        <p>Mae Moilin yn sicrhau ein bod yn llwyr ddeall eich busnes a'ch anghenion cynhyrchiol, gan ddadansoddi pob un o safbwyntiau'r hapddaliwr.</p>
293                        <p>Mae dylunio defnyddiwr-ganolog, wrth gwrs, yn rhan hanfodol o'r ffordd rydym yn datblygu gofynion prosiectau.</p>
294                    </div>
295                </div>
296                <!-- Feature - End -->
297                <!-- Feature - Start -->
298                <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 feature inviewport animated delay2" data-effect="fadeInUp">
299                    <div class="icon">
300                        <i class="mdi mdi-arrow-right"></i>
301                    </div>
302                    <div class="info">
303                        <h3 class="title">Technoleg</h3>
304                        <p>Ni allwn ac ni wnawn gyfaddawdu ar y technolegau a ddefnyddiwn. Mae cadw i fyny â dyfeisiadau newydd yn anodd, ond dyma sydd raid i fod y gorau y gallwn fod!</p>
305                        <p>MAe ein datblygwyr profiadol yn gweithio ar y llinell dorri - ac maent wrth eu bodd!</p>
306                    </div>
307                </div>
308                <!-- Feature - End -->
309                <!-- Feature - Start -->
310                <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 feature inviewport animated delay3" data-effect="fadeInUp">
311                    <div class="icon">
312                        <i class="mdi mdi-arrow-right"></i>
313                    </div>
314                    <div class="info">
315                        <h3 class="title">Cyfryngau Cyfoethog</h3>
316                        <p>Mae ein mynediad i dîm cynhyrchu cyfryngol arbenigol yn golygu fod Moilin yn medru trosglwyddo cynnyrch safonol gyda phrofiad clyweledol wedi ei lwyr ymdrwytho.</p>
317                        <p>Cynhyrchiad fideo, Ffotograffiaeth, Trosleisiadau, Rhagluniau Drôn: Gellir cyfuno'r rhain i gyd â'n profiadau digidol.</p>
318                    </div>
319                </div>
320                <!-- Feature - End -->
321            </div>
322        </div>
323    </div>
324    <!-- Angled Section - Start -->
325    <div class="angled_up_inside white">
326        <div class="slope upleft"></div>
327        <div class="slope upright"></div>
328    </div>
329    <!-- Angled Section - End -->
330</section>
331<!-- Section End - Why Choose Us -->
332
333<!-- Section Start - Contact Us -->
334<section class="parallax contact  " id="contact">
335<div class="bg-overlay opacity-85"></div>
336<div class="container">
337<div class="">
338<h1 class="heading">Cysylltwch</h1>
339<div class="headul"></div>
340<p class="subheading">Os oes gennych ddiddordeb mewn clywed mwy am beth allwn wneud, a sut gallwn eich helpu gyda'ch profiadau digidol, yna cysylltwch â ni. Buasem wrth ein bodd yn clywed oddi wrthych.</p>
341<div class="col-lg-6 col-md-6 col-xs-12 col-sm-12 inviewport animated delay1" data-effect="fadeInUp">
342<!-- Contact Form - Start -->
343<form action='send_email.php' method='post'>
344	<input type='text' placeholder='E-bost' class='col-xs-12 transition' id='c_email' >
345	<textarea class='col-xs-12 transition' placeholder='Neges' id='c_message' ></textarea>
346	<div id='response_email'></div>
347	<button type='button' class='btn btn-block btn-primary disabled transition' id='c_send'>Danfonwch Neges</button>
348</form>
349<!-- Contact Form - End -->
350</div>
351<div class="col-lg-6 col-md-6 col-xs-12 col-sm-12 contacts inviewport animated delay1" data-effect="fadeInUp">
352<!-- Contact Person - Start -->
353<div class='contact-person'>
354<div class='col-sm-6 col-sm-4 col-xs-4 pic'>
355<img alt='contact-person' src='img/contact-1.png' class='img-responsive'>
356</div>
357<div class='col-md-6 col-sm-8 col-xs-8 info'>
358<h4>Osian Evans</h4>
359<div class='post'>Perchennog</div>
360<div>E-bost: [email protected]</div>
361<div>Ffôn: +44 7980 953017</div>
362<div class="social">
363    <a href="//fb.me/moilincyf"><i class="mdi mdi-facebook text-on-primary"></i></a>
364    <a href="//twitter.com/moilincyf"><i class="mdi mdi-twitter text-on-primary"></i></a>
365    <a href="//linkedin.com/in/osianevans"><i class="mdi mdi-linkedin text-on-primary"></i></a>
366</div>
367</div></div>
368<!-- Contact Person - End -->
369</div>
370</div>
371</div>
372</section>
373<!-- Section End - Contact Us -->
374<!-- Section Start - Footer -->
375<section class='footer bg-black padding-top-75 padding-bottom-25 '>
376<!-- Angled Section - Start -->
377<div class="angled_down_inside black">
378<div class="slope upleft"></div>
379<div class="slope upright"></div>
380</div>
381<!-- Angled Section - End -->
382<div class="container">
383<div class="row">
384<!-- Text Widget - Start -->
385<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 text-widget inv
385iewport animated delay1" data-effect="fadeInUp">
386	<div class="logo">
387		<img alt="header-logo-image" src="img/logo_lrg.png" class='header-logo-paralax' style=''>
388	</div>
389	<p>Diolch am ddod yr holl ffordd lawr i'r gwaelod!</p>
390	<p>Cofiwch, cysylltwch â ni os am fwy o wybodaeth.</p>
391</div>
392<!-- Text Widget - End -->
393<!-- Twitter Widget - Start -->
394<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 twitter-widget inviewport animated delay2" data-effect="fadeInUp">
395	<a class="twitter-timeline" data-height="336" data-theme="light" data-link-color="#F9CD1B" href="https://twitter.com/MoilinCyf?ref_src=twsrc%5Etfw">Trydarau wrth MoilinCyf</a>
396	
396<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
396
397</div>
398<!-- Twitter Widget - End -->
399<!-- Flickr Widget - Start -->
400<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 instagram-widget inviewport animated delay3" data-effect="fadeInUp">
401	<!-- SnapWidget -->
402	<iframe src="https://snapwidget.com/embed/455304" class="snapwidget-widget" allowTransparency="true" frameborder="0" scrolling="no" style="border:none; overflow:hidden; width:260px; height:390px"></iframe>
403</div>
404<!-- Flickr Widget - End -->
405</div>
406</div>
407<!-- Copyright Bar - Start -->
408<div class="copyright">
409<div class="col-md-12">
410<div class="container">
411<div class="">
412    <div class="col-lg-6 col-md-6 col-sm-8 col-xs-12 message inviewport animated delay1" data-effect="fadeInUp">
413        <span class="">&copy; 2017 Moilin Cyf | Rhif cofrestru. : 08122839</span>
414    </div>
415    <div class="col-lg-6 col-md-6 col-sm-4 col-xs-12 social">
416        <a href="//fb.me/moilincyf" class="inviewport animated delay1" data-effect="fadeInUp"><i class="mdi mdi-facebook text-on-primary"></i></a>
417        <a href="//twitter.com/moilincyf" class="inviewport animated delay2" data-effect="fadeInUp"><i class="mdi mdi-twitter text-on-primary"></i></a>
418        <a href="//www.linkedin.com/company/5431371/" class="inviewport animated delay3" data-effect="fadeInUp"><i class="mdi mdi-linkedin text-on-primary"></i></a>
419    </div>
420</div>
421</div>
422</div>
423</div>
424<!-- Copyright Bar - End -->
425</section>
426<!-- Section End - Footer -->
427</body>
428</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.