PageSourceSearch

https://funandpro.com/

html funandpro.com collected 2026-10-02 01:29:33 UTC 21,069 bytes, 344 lines download raw bytes

1
2<!DOCTYPE html>
3<html lang="en">
4
5    
6    <head>
7    <title>Fun &amp; Pro | Learning made fun. Improve your English skills and put them to the test</title>
8    <meta charset="UTF-8">
9    <meta http-equiv="X-UA-Compatible" content="IE=edge">
10    <meta name="_csrf" content="None" />
11    
12    
13    <meta name="viewport" content="width=device-width, initial-scale=1">
14    <link rel="shortcut icon" href="/assets/web/images/ic_launcher_144.png" type="image/x-icon" sizes="144x144">
15    <link rel="shortcut icon" href="/assets/web/images/ic_launcher_72.png" type="image/x-icon" sizes="72x72">
16    <link rel="shortcut icon" href="/assets/web/images/ic_launcher_48.png" type="image/x-icon" sizes="48x48">
17    <meta name="description" content="Learn English quickly, effectively, and with fun using Fun &amp; Pro, the ultimate app for language learning. Our innovative approach combines state-of-the-art technology and cutting-edge pedagogical methods to deliver a unique and engaging learning experience. From interactive lessons to practical activities and progress assessments, Fun &amp; Pro provides a comprehensive range of resources tailored to your individual learning style. Join our enthusiastic community of learners today and embark on a journey towards English fluency. Download the app now and start mastering the language with Fun &amp; Pro!">
18
19    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic&amp;subset=latin">
20    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:400,700">
21    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i">
22    <link rel="stylesheet" href="/assets/web/template/bootstrap-material-design-font/css/material.css">
23    <link rel="stylesheet" href="/assets/web/template/tether/tether.min.css">
24    <link rel="stylesheet" href="/assets/web/template/bootstrap/css/bootstrap.min.css">
25    <link rel="stylesheet" href="/assets/web/template/dropdown/css/style.css">
26    <link rel="stylesheet" href="/assets/web/template/animate.css/animate.min.css">
27    <link rel="stylesheet" href="/assets/web/template/socicon/css/styles.css">
28    <link rel="stylesheet" href="/assets/web/template/theme/css/style.css">
29    <link rel="stylesheet" href="/assets/web/template/mobirise/css/mbr-additional.css" type="text/css">
30    
30<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
30
31    
32</head>
33    <body>
34    <section id="menu-0">
35    <nav class="navbar navbar-dropdown bg-color transparent navbar-fixed-top">
36        <div class="container">
37            <div class="mbr-table">
38                <div class="mbr-table-cell">
39                    <div class="navbar-brand">
40                        <a href="/" class="navbar-logo"><img src="/assets/web/images/ic_launcher_72.png" alt="Fun & Pro"></a>
41                        <!--<a class="navbar-caption" href="/">Fun & Pro</a>-->
42                    </div>
43                </div>
44                <div class="mbr-table-cell">
45                    <button class="navbar-toggler pull-xs-right hidden-md-up" type="button" data-toggle="collapse" data-target="#exCollapsingNavbar">
46                        <div class="hamburger-icon"></div>
47                    </button>
48                    <ul class="nav-dropdown collapse pull-xs-right nav navbar-nav navbar-toggleable-sm" id="exCollapsingNavbar">
49                        <li class="nav-item">
50                            <a class="nav-link link" href="/#app">THE APP</a>
51                        </li>
52                        <li class="nav-item">
53                            <a class="nav-link link" href="/#contact">CONTACT US</a>
54                        </li>
55                        <li class="nav-item">
56                            <a class="nav-link link" href="/about">ABOUT</a>
57                        </li>
58                        <li class="nav-item nav-btn">
59                            <a class="nav-link btn btn-white btn-white-outline" target="_blank" href="https://play.google.com/store/apps/details?id=io.gongarce.pickapp">
60                                <span class="socicon socicon-android mbr-iconfont mbr-iconfont-btn"></span>GET ON PLAY STORE</a>
61                        </li>
62                        
63                        <li class="nav-item nav-btn">
64                            <a href="https://www.instagram.com/fun_and_pro/" target="_blank">
65                                <img style="max-height: 36px; max-width: 36px" src="/assets/web/images/instagram_icon.png" alt="Instagram">
66                            </a>
67                        </li>
68                    </ul>
69                    <button hidden="" class="navbar-toggler navbar-close" type="button" data-toggle="collapse" data-target="#exCollapsingNavbar">
70                        <div class="close-icon"></div>
71                    </button>
72
73                </div>
74            </div>
75
76        </div>
77    </nav>
78</section>
79
80
81
82
83    
83<script type="application/ld+json">
84        {
85            "@context": "https://schema.org",
86            "@graph": [
87                {
88                    "@type": "Organization",
89                    "name": "Fun & Pro",
90                    "url": "https://www.funandpro.com",
91                    "logo": "https://www.funandpro.com/assets/web/images/ic_launcher_72.png"
92                },
93                {
94                    "@context": "https://schema.org",
95                    "@type": "SoftwareApplication",
96                    "name": "Fun & Pro",
97                    "operatingSystem": "ANDROID",
98                    "applicationCategory": "EducationalApplication",
99                    "image": "https://www.funandpro.com/assets/web/images/ic_launcher_72.png",
100                    "downloadUrl": "https://play.google.com/store/apps/details?id=io.gongarce.pickapp",
101                    "offers": {
102                        "@type": "Offer",
103                        "price": "0",
104                        "priceCurrency": "EUR"
105                    }
106                }
107            ]
108        }
109    </script>
109
110    <link rel="stylesheet" type="text/css" href="/assets/web/style/home.css"/>
111    <section class="mbr-section mbr-section-hero mbr-section-full header2 mbr-parallax-background mbr-after-navbar" id="header2-2"
112    style="background-image: url(/assets/web/images/landscape.jpg);">
113    <div class="mbr-overlay" style="opacity: 0.3; background-color: rgb(0, 0, 0);">
114    </div>
115    <div class="mbr-table mbr-table-full">
116        <div class="mbr-table-cell">
117            <div class="container">
118                <div class="mbr-section row">
119                    <div class="mbr-table-md-up">
120                        <div class="mbr-table-cell col-md-5 content-size text-xs-center text-md-right">
121                            <h1 class="mbr-section-title display-2">FUN & PRO</h1>
122                            <div class="mbr-section-text">
123                                <p>The revolutionary app that provides a fun and effective way to learn English. With our innovative approach,
124                                    you can immerse yourself in the language in an entertaining and dynamic manner, all while keeping your language learning goals in sight.
125                                </p>
126                            </div>
127                            <div class="mbr-section-btn">
128                                <a class="btn btn-info" href="https://play.google.com/store/apps/details?id=io.gongarce.pickapp">
129                                <span class="socicon socicon-android mbr-iconfont mbr-iconfont-btn" style="color: rgb(255, 255, 255);">
130                                </span>DOWNLOAD NOW!
131                            </a>
132                            </div>
133                        </div>
134                        <div class="mbr-table-cell mbr-valign-top mbr-left-padding-md-up col-md-7 image-size" style="width: 50%;">
135                            <div class="mbr-figure"><img alt="Fun & Pro app screen examples" src="/assets/web/images/app-showcase.png"></div>
136                        </div>
137                    </div>
138                </div>
139            </div>
140        </div>
141    </div>
142    <div class="mbr-arrow mbr-arrow-floating hidden-sm-down" aria-hidden="true"><a href="#app"><i class="mbr-arrow-icon"></i></a></div>
143    </section>
144
145    <section class="mbr-cards mbr-section mbr-section-nopadding" id="app" style="background-color: rgb(255, 255, 255);">
146        <div class="mbr-cards-row row">
147            <div class="mbr-cards-col col-xs-12 col-lg-3" style="padding-top: 120px; padding-bottom: 120px;">
148                <div class="container">
149                    <div class="card cart-block">
150                        <div class="card-img"><img alt="Fun & Pro app topics screen" src="https://s3-eu-west-1.amazonaws.com/pickapp/0_1654600584915_topics.jpg" class="card-img-top"></div>
151                        <div class="card-block">
152                            <h4 class="card-title">Topics</h4>
153                            <h5 class="card-subtitle">Lots of topics</h5>
154                            <p class="card-text">Graded questions on topics ranging from music and sports to films, geography, etc.</p>
155                        </div>
156                    </div>
157                </div>
158            </div>
159            <div class="mbr-cards-col col-xs-12 col-lg-3" style="padding-top: 120px; padding-bottom: 120px;">
160                <div class="container">
161                    <div class="card cart-block">
162                        <div class="card-img"><img alt="Fun & Pro app question example screen" src="https://s3-eu-west-1.amazonaws.com/pickapp/1_1654601290414_question.jpg" class="card-img-top"></div>
163                        <div class="card-block">
164                            <h4 class="card-title">Questions</h4>
165                            <h5 class="card-subtitle">Designed to pique your curiousity</h5>
166                            <p class="card-text">Many with visual or audio features. They often illustrate a grammar point.</p>
167                        </div>
168                    </div>
169                </div>
170            </div>
171            <div class="mbr-cards-col col-xs-12 col-lg-3" style="padding-top: 120px; padding-bottom: 120px;">
172                <div class="container">
173                    <div class="card cart-block">
174                        <div class="card-img"><img alt="Fun & Pro app grammar exercise screen" src="https://s3-eu-west-1.amazonaws.com/pickapp/9_1654601338782_grammar.jpg" class="card-img-top"></div>
175                        <div class="card-block">
176                            <h4 class="card-title">Exercises</h4>
177                            <h5 class="card-subtitle">Improve your knowledge of English</h5>
178                            <p class="card-text">At the end of each game you can test your knowledge of English and you have the chance to revise the grammar exemplified in the questions.</p>
179                        </div>
180                    </div>
181                </div>
182            </div>
183            <div class="mbr-cards-col col-xs-12 col-lg-3" style="padding-top: 120px; padding-bottom: 120px;">
184                <div class="container">
185                    <div class="card cart-block">
186                        <div class="card-img"><img alt="Fun & Pro app grammar lesson screen" src="https://s3-eu-west-1.amazonaws.com/pickapp/6_1654601350523_lesson.jpg" class="card-img-top"></div>
187                        <div class="card-block">
188                            <h4 class="card-title">Grammar lessons</h4>
189                            <h5 class="card-subtitle">With easy-to-follow explanations</h5>
190                            <p class="card-text">They are linked to the questions and exercises but can also be accessed directly.</p>
191                        </div>
192                    </div>
193                </div>
194            </div>
195        </div>
196    </section>
197
198    <section class="mbr-section mbr-section__container article" id="header3-a" style="background-color: rgb(50, 50, 50); padding-top: 80px; padding-bottom: 80px;">
199        <div class="container">
200            <div class="row">
201                <div class="col-xs-12">
202                    <h3 class="mbr-section-title display-2">
203                        Fun & Pro can help you brush up your English and general knowledge in a fun and entertaining way.
204                        <a href="/about">Read more...</a>
205                    </h3>
206                </div>
207            </div>
208        </div>
209    </section>
210
211    <section class="mbr-section" id="contact" style="background-color: rgb(255, 255, 255); padding-top: 120px; padding-bottom: 120px;">
212        <div class="mbr-section mbr-section__container mbr-section__container--middle">
213            <div class="container">
214                <div class="row">
215                    <div v-if="formSent" class="col-xs-12 text-xs-center">
216                        <p><img alt="Email sent" src="/assets/web/images/email_sent.png" width="200px"></p>
217                        <h3 class="mbr-section-title display-2">Thank you!</h3>
218                        <small class="mbr-section-subtitle">We will reply you about your feedback as soon as possible</small>
219                    </div>
220                    <div v-else class="col-xs-12 text-xs-center">
221                        <h3 class="mbr-section-title display-2">CONTACT US</h3>
222                        <small class="mbr-section-subtitle">
222Let us know what you think about our project and how we could make it better</small>
223<!--                        <ul>-->
224<!--                            <li><a href="mailto:[email protected]">[email protected]</a></li>-->
225<!--                            <li><a href="https://www.instagram.com/fun_and_pro/" target="_blank">Instagram</a></li>-->
226<!--                        </ul>-->
227                    </div>
228                </div>
229            </div>
230        </div>
231        <div v-if="!formSent" class="mbr-section mbr-section-nopadding">
232            <div class="container">
233                <div class="row">
234                    <div class="col-xs-12 col-lg-10 col-lg-offset-1">
235                        <div data-form-alert="true">
236                            <div hidden="" data-form-alert-success="true" class="alert alert-form alert-success text-xs-center">Thanks for filling out form!</div>
237                        </div>
238                        <form id="contact-form" v-on:submit.prevent data-form-title="CONTACT FORM">
239                            <div class="row row-sm-offset">
240                                <div class="col-xs-12 col-md-4">
241                                    <div class="form-group">
242                                        <label class="form-control-label" for="form1-e-name">Name<span class="form-asterisk">*</span></label>
243                                        <input type="text" class="form-control" name="name" required data-form-field="Name" id="form1-e-name">
244                                    </div>
245                                </div>
246                                <div class="col-xs-12 col-md-4">
247                                    <div class="form-group">
248                                        <label class="form-control-label" for="form1-e-email">Email<span class="form-asterisk">*</span></label>
249                                        <input type="email" class="form-control" name="email" required data-form-field="Email" id="form1-e-email">
250                                    </div>
251                                </div>
252                                <div class="col-xs-12 col-md-4">
253                                    <div class="form-group">
254                                        <label class="form-control-label" for="form1-e-phone">Phone</label>
255                                        <input type="tel" class="form-control" name="phone" data-form-field="Phone" id="form1-e-phone">
256                                    </div>
257                                </div>
258                            </div>
259                            <div class="form-group">
260                                <label class="form-control-label" for="form1-e-message">Message<span class="form-asterisk">*</span></label>
261                                <textarea class="form-control" name="message" rows="7" data-form-field="Message" id="form1-e-message" maxlength="2000" required></textarea>
262                            </div>
263                            <div v-if="sending">
264                                <div class="loader" id="loader-1"></div>
265                            </div>
266                            <div v-else>
267                                <button class="btn btn-primary g-recaptcha"
268                                         data-sitekey="6LeNr4EeAAAAALTVmVupgfO0TKCInKoC0ATPoEtx"
269                                         data-callback="onSubmit"
270                                         data-action="contact_form">
271                                    CONTACT US
272                                </button>
273                                <span v-if="formError">
274                                    &#128531;
275                                    <small class="mbr-section-subtitle" style="display:inline-block">We are sorry! Something went wrong, please, try again later</small>
276                                </span>
277                            </div>
278                        </form>
279                    </div>
280                </div>
281            </div>
282        </div>
283    </section>
284
285    
285<script src="/assets/lib/vue/dist/vue.min.js"></script>
285
286    
286<script src="/assets/lib/vue-resource/dist/vue-resource.min.js"></script>
286
287    
287<script type="text/javascript" src="/assets/web/js/contact.js"></script>
287
288<!--
vendor: 63 bytes, line 288
288<script src="https://www.google.com/recaptcha/api.js"></script>
288-->
vendor: 72 bytes, lines 288-289
288
289    <script src="https://www.google.com/recaptcha/enterprise.js?render=
2896LeNr4EeAAAAALTVmVupgfO0TKCInKoC0ATPoEtx
vendor: 16 bytes, lines 289-290
289"></script>
290    
290<script>
291        function onSubmit(token) {
292            console.log('submit form');
293            vueObj.submitForm(token)
294        }
295     </script>
295
296    <footer class="mbr-small-footer mbr-section mbr-section-nopadding" id="footer1-2" style="background-color: rgb(50, 50, 50); padding-top: 1.75rem; padding-bottom: 1.75rem;">
297    <section class="mbr-section mbr-section-md-padding mbr-footer footer1" id="contacts1-k" style="background-color: rgb(50, 50, 50); padding-top: 60px; padding-bottom: 60px;">
298        <div class="container">
299            <div class="row">
300                <div class="mbr-footer-content col-xs-12 col-md-3">
301                    <div><img src="/assets/web/images/ic_launcher_144.png"></div>
302                </div>
303                <div class="mbr-footer-content col-xs-12 col-md-3">
304                    <p><strong>Contacts</strong><br>
305                        <a href="mailto:[email protected]">[email protected]</a><br>
306                        <a href="https://www.instagram.com/fun_and_pro/" target="_blank">Instagram</a><br>
307                </div>
308                <div class="mbr-footer-content col-xs-12 col-md-3">
309                    <p><strong>Site map</strong><br>
310                        <a class="text-primary" href="/">Home</a><br>
311                        <a class="text-primary" href="/#app">The App</a><br>
312                        <a class="text-primary" href="/#contact">Contact</a><br>
313                        <a class="text-primary" target="_blank" href="https://play.google.com/store/apps/details?id=io.gongarce.pickapp">Get for Android</a><br>
314                </div>
315                <div class="mbr-footer-content col-xs-12 col-md-3">
316                    <p><strong>Legal</strong><br>
317                        <a class="text-primary" target="_blank" href="/privacy">Privacy Policy</a><br>
318                        <a class="text-primary" target="_blank" href="/terms">Terms and Conditions</a><br>
319                        <a class="text-primary" target="_blank" href="/licences">Licences</a><br>
320                        <a class="text-primary" target="_self" href="/authors">Authors</a><br>
321                </div>
322            </div>
323        </div>
324    </section>
325    <div class="container">
326        <p class="text-xs-center">Copyright © 2022</p>
327    </div>
328</footer>
329
330
331<script src="/assets/web/template/web/assets/jquery/jquery.min.js"></script>
vendor: 1 bytes, line 331
331
332<script src="/assets/web/template/tether/tether.min.js"></script>
vendor: 1 bytes, line 332
332
333<script src="/assets/web/template/bootstrap/js/bootstrap.min.js"></script>
vendor: 1 bytes, line 333
333
334<script src="/assets/web/template/smooth-scroll/smooth-scroll.js"></script>
vendor: 1 bytes, line 334
334
335<script src="/assets/web/template/dropdown/js/script.min.js"></script>
vendor: 1 bytes, line 335
335
336<script src="/assets/web/template/touch-swipe/jquery.touch-swipe.min.js"></script>
vendor: 1 bytes, line 336
336
337<script src="/assets/web/template/viewport-checker/jquery.viewportchecker.js"></script>
vendor: 1 bytes, line 337
337
338<script src="/assets/web/template/jarallax/jarallax.js"></script>
vendor: 1 bytes, line 338
338
339<script src="/assets/web/template/social-likes/social-likes.js"></script>
vendor: 1 bytes, line 339
339
340<script src="/assets/web/template/theme/js/script.js"></script>
340
341
342<input name="animation" type="hidden">
343</body>
344</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.