https://funandpro.com/about

1
2
3<!DOCTYPE html>
4<html lang="en">
5
6    
7    <head>
8    <title>Fun &amp; Pro | See how to unlock Language Proficiency through our Innovative App Features</title>
9    <meta charset="UTF-8">
10    <meta http-equiv="X-UA-Compatible" content="IE=edge">
11    <meta name="_csrf" content="None" />
12    
13    
14    <meta name="viewport" content="width=device-width, initial-scale=1">
15    <link rel="shortcut icon" href="/assets/web/images/ic_launcher_144.png" type="image/x-icon" sizes="144x144">
16    <link rel="shortcut icon" href="/assets/web/images/ic_launcher_72.png" type="image/x-icon" sizes="72x72">
17    <link rel="shortcut icon" href="/assets/web/images/ic_launcher_48.png" type="image/x-icon" sizes="48x48">
18    <meta name="description" content="Unlock language proficiency through our innovative app features. Discover how our cutting-edge technology and pedagogical methods empower learners to master a new language. Explore interactive lessons, immersive experiences, and personalized guidance to achieve fluency. Start your language journey today!">
19
20    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic&amp;subset=latin">
21    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:400,700">
22    <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">
23    <link rel="stylesheet" href="/assets/web/template/bootstrap-material-design-font/css/material.css">
24    <link rel="stylesheet" href="/assets/web/template/tether/tether.min.css">
25    <link rel="stylesheet" href="/assets/web/template/bootstrap/css/bootstrap.min.css">
26    <link rel="stylesheet" href="/assets/web/template/dropdown/css/style.css">
27    <link rel="stylesheet" href="/assets/web/template/animate.css/animate.min.css">
28    <link rel="stylesheet" href="/assets/web/template/socicon/css/styles.css">
29    <link rel="stylesheet" href="/assets/web/template/theme/css/style.css">
30    <link rel="stylesheet" href="/assets/web/template/mobirise/css/mbr-additional.css" type="text/css">
31    

31<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>

31
32    
33</head>
34    <body>
35    <section id="menu-0">
36    <nav class="navbar navbar-dropdown bg-color transparent navbar-fixed-top">
37        <div class="container">
38            <div class="mbr-table">
39                <div class="mbr-table-cell">
40                    <div class="navbar-brand">
41                        <a href="/" class="navbar-logo"><img src="/assets/web/images/ic_launcher_72.png" alt="Fun & Pro"></a>
42                        <!--<a class="navbar-caption" href="/">Fun & Pro</a>-->
43                    </div>
44                </div>
45                <div class="mbr-table-cell">
46                    <button class="navbar-toggler pull-xs-right hidden-md-up" type="button" data-toggle="collapse" data-target="#exCollapsingNavbar">
47                        <div class="hamburger-icon"></div>
48                    </button>
49                    <ul class="nav-dropdown collapse pull-xs-right nav navbar-nav navbar-toggleable-sm" id="exCollapsingNavbar">
50                        <li class="nav-item">
51                            <a class="nav-link link" href="/#app">THE APP</a>
52                        </li>
53                        <li class="nav-item">
54                            <a class="nav-link link" href="/#contact">CONTACT US</a>
55                        </li>
56                        <li class="nav-item">
57                            <a class="nav-link link" href="/about">ABOUT</a>
58                        </li>
59                        <li class="nav-item nav-btn">
60                            <a class="nav-link btn btn-white btn-white-outline" target="_blank" href="https://play.google.com/store/apps/details?id=io.gongarce.pickapp">
61                                <span class="socicon socicon-android mbr-iconfont mbr-iconfont-btn"></span>GET ON PLAY STORE</a>
62                        </li>
63                        
64                        <li class="nav-item nav-btn">
65                            <a href="https://www.instagram.com/fun_and_pro/" target="_blank">
66                                <img style="max-height: 36px; max-width: 36px" src="/assets/web/images/instagram_icon.png" alt="Instagram">
67                            </a>
68                        </li>
69                    </ul>
70                    <button hidden="" class="navbar-toggler navbar-close" type="button" data-toggle="collapse" data-target="#exCollapsingNavbar">
71                        <div class="close-icon"></div>
72                    </button>
73
74                </div>
75            </div>
76
77        </div>
78    </nav>
79</section>
80
81
82
83
84<style>
85section.about {
86  background-color: rgb(255, 255, 255);
87  padding-top: 120px;
88  padding-bottom: 120px;
89}
90section.about.first {
91  padding-top: 160px;
92}
93section.about.grey {
94  background-color: rgb(50, 50, 50);
95  color: #efefef;
96}
97section.about.grey h3{
98  color: #ffffff;
99}
100section.about h3 {
101  font-size: 36px;
102}
103section.about .lead p {
104  text-align: justify;
105}
106</style>
107
108<section class="mbr-section mbr-after-navbar about grey first">
109<div class="container">
110    <div class="row">
111        <div class="mbr-table-md-up">
112            <div class="mbr-table-cell mbr-right-padding-md-up mbr-valign-top col-md-7 image-size" style="width: 50%;">
113                <div class="mbr-figure">
114                    <img alt="Fun & Pro app screen examples" src="/assets/web/images/app-showcase.png">
115                </div>
116            </div>
117            <div class="mbr-table-cell col-md-5 text-xs-center text-md-left content-size">
118                <h3 class="mbr-section-title display-2">
119                    <span style="line-height: 1.1;text-transform:uppercase;">
120                        A little practice every day goes a long way!
121                    </span><br>
122                </h3>
123                <div class="lead">
124                    <p>
125                        The aim of the app is to help you get familiar with English by repeatedly exposing you to its structures.
126                        At the end of a set of six questions you have a choice: <i>End the game or Get grammar points</i>. In either
127                        case, you are shown a panoramic view of all your answers and given the chance to revise the <b>grammar
128                        exemplified in the questions</b> by tapping on the icon on the top right-hand corner of each question.
129                    </p>
130                    <p>

131                        The App  allows you to track your own performance and your performance in relation to that of other players.
132                    </p>
133                </div>
134            </div>
135        </div>
136    </div>
137</div>
138</section>
139
140<section class="mbr-section mbr-after-navbar about">
141    <div class="container">
142        <div class="row">
143            <div class="mbr-table-md-up">
144                <div class="mbr-table-cell col-md-5 text-xs-center text-md-left content-size">
145                    <h3 class="mbr-section-title display-2">
146                <span style="line-height: 1.1;text-transform:uppercase;">
147                    Thousands of questions designed to pique your curiosity and be informative
148                </span><br>
149                    </h3>
150                    <div class="lead">
151                        <p>
152                            because if the questions are found interesting everything connected to them (language, facts...)
153                            is likely to be remembered more easily; many of them have <b>visual and audio features</b> which
154                            will also help you to remember the information associated with them. The questions have to be
155                            answered in 15 seconds. The long ones are designed to improve your reading speed.
156                        </p>
157                        <p>
158                            The questions <b>often exemplify a grammar point</b>. If you see how English is used time and
159                            again, you will get familiar with it and you will find it easier to use what you are learning. The
160                            questions exemplifying a grammar point are linked to the grammar section where that point is
161                            dealt with so that the explanation can be accessed immediately if it needs to be revised.
162                        </p>
163                    </div>
164                </div>
165                <div class="mbr-table-cell mbr-right-padding-md-up mbr-valign-top col-md-7 image-size" style="width: 50%;">
166                    <div class="mbr-figure">
167                        <img alt="Fun & Pro app questions examples" src="/assets/web/images/questions-showcase.png">
168                    </div>
169                </div>
170            </div>
171        </div>
172    </div>
173</section>
174
175<section class="mbr-section mbr-after-navbar about grey">
176    <div class="container">
177        <div class="row">
178            <div class="mbr-table-md-up">
179                <div class="mbr-table-cell mbr-right-padding-md-up mbr-valign-top col-md-7 image-size" style="width: 50%;">
180                    <div class="mbr-figure">
181                        <img alt="Fun & Pro app grammar exercise example" src="/assets/web/images/exercise-showcase.png">
182                    </div>
183                </div>
184                <div class="mbr-table-cell col-md-5 text-xs-center text-md-left content-size">
185                    <h3 class="mbr-section-title display-2">
186                <span style="line-height: 1.1;text-transform:uppercase;">
187                    Grammar exercises after every game
188                </span><br>
189                    </h3>
190                    <div class="lead">
191                        <p>
192                            The exercises will help you improve your knowledge of English. You have to tap on the right options in the right order. If
193                            you think you have made a mistake, you can tap on the wrong answer and choose another option.
194                        </p>
195                        <p>
196                            You have no time limit because the aim of this section is to help you <b>put in practice what you have revised</b>.
197                            All the blanks are the same length so that the exercises <b>won't become a guessing game</b>.
198                        </p>
199                    </div>
200                </div>
201            </div>
202        </div>
203    </div>
204</section>
205
206<section class="mbr-section mbr-after-navbar about">
207    <div class="container">
208        <div class="row">
209            <div class="mbr-table-md-up">
210                <div class="mbr-table-cell col-md-5 text-xs-center text-md-left content-size">
211                    <h3 class="mbr-section-title display-2">

212            <span style="line-height: 1.1;text-transform:uppercase;">
213                A Down to Earth Grammar
214            </span><br>
215                    </h3>
216                    <div class="lead">
217                        <p>
218                            As the joke goes, <i>Once you've read the dictionary, every other book you read is just a remix.</i>
219                            But, in order to use the vocabulary you have in your head, you need to know the rules that govern how words should be arranged in order to express a thought.
220                        </p>
221                        <p>
222                            This grammar pays attention to concepts students of English often find difficult or confusing.
223                            The explanations are designed to <b>clarify such difficulties</b>.
224                            The grammar is divided into sections which are <b>linked to the questions and exercises</b>
225                            or which can be <b>accessed directly</b>.
226                        </p>
227                    </div>
228                </div>
229                <div class="mbr-table-cell mbr-right-padding-md-up mbr-valign-top col-md-7 image-size" style="width: 50%;">
230                    <div class="mbr-figure">
231                        <img alt="Fun & Pro app grammar lesson example" src="/assets/web/images/grammar-showcase.png">
232                    </div>
233                </div>
234            </div>
235        </div>
236    </div>
237</section>
238
239    <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;">
240    <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;">
241        <div class="container">
242            <div class="row">
243                <div class="mbr-footer-content col-xs-12 col-md-3">
244                    <div><img src="/assets/web/images/ic_launcher_144.png"></div>
245                </div>
246                <div class="mbr-footer-content col-xs-12 col-md-3">
247                    <p><strong>Contacts</strong><br>
248                        <a href="mailto:[email protected]">[email protected]</a><br>
249                        <a href="https://www.instagram.com/fun_and_pro/" target="_blank">Instagram</a><br>
250                </div>
251                <div class="mbr-footer-content col-xs-12 col-md-3">
252                    <p><strong>Site map</strong><br>
253                        <a class="text-primary" href="/">Home</a><br>
254                        <a class="text-primary" href="/#app">The App</a><br>
255                        <a class="text-primary" href="/#contact">Contact</a><br>
256                        <a class="text-primary" target="_blank" href="https://play.google.com/store/apps/details?id=io.gongarce.pickapp">Get for Android</a><br>
257                </div>
258                <div class="mbr-footer-content col-xs-12 col-md-3">
259                    <p><strong>Legal</strong><br>
260                        <a class="text-primary" target="_blank" href="/privacy">Privacy Policy</a><br>
261                        <a class="text-primary" target="_blank" href="/terms">Terms and Conditions</a><br>
262                        <a class="text-primary" target="_blank" href="/licences">Licences</a><br>
263                        <a class="text-primary" target="_self" href="/authors">Authors</a><br>
264                </div>
265            </div>
266        </div>
267    </section>
268    <div class="container">
269        <p class="text-xs-center">Copyright © 2022</p>
270    </div>
271</footer>
272
273

274<script src="/assets/web/template/web/assets/jquery/jquery.min.js"></script>

274

275<script src="/assets/web/template/tether/tether.min.js"></script>

275

276<script src="/assets/web/template/bootstrap/js/bootstrap.min.js"></script>

276

277<script src="/assets/web/template/smooth-scroll/smooth-scroll.js"></script>

277

278<script src="/assets/web/template/dropdown/js/script.min.js"></script>

278

279<script src="/assets/web/template/touch-swipe/jquery.touch-swipe.min.js"></script>

279

280<script src="/assets/web/template/viewport-checker/jquery.viewportchecker.js"></script>

280

281<script src="/assets/web/template/jarallax/jarallax.js"></script>

281

282<script src="/assets/web/template/social-likes/social-likes.js"></script>

282

283<script src="/assets/web/template/theme/js/script.js"></script>

283
284
285<input name="animation" type="hidden">
286</body>
287</html>