
    <!DOCTYPE html>
    <html lang="en">

    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>2Mundos | More than a software house</title>
        <meta name="description" content="Android, iOS & multiplatform development of apps and games. 2Mundos is a company specialized in producing digital distribution solutions">
        <meta name="keywords"  content="2Mundos, android development, ios development, app development, game development" />
        <link rel="shortcut icon" href="/favicon.png">
        <link href="/assets/css/style.css" rel="stylesheet" />
        <link href='https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700' rel='stylesheet' type='text/css'>
        <input type="hidden" name="language" value="en">
    </head>

    <body class="nopadding">
        <nav class="navbar navbar-default">
            <div class="container">
                <div class="navbar-header">
                    <a class="navbar-brand" href="/../index.php?lang=en"></a>
                </div>
                <ul class="nav navbar-nav navbar-index navbar-left hidden-xs">
                    <li>
                        <a href="expertise.php?lang=en">
                            Expertise                        </a>
                    </li>
                    <li>
                        <a href="cases.php?lang=en">
                            Cases                        </a>
                    </li>
                    <li>
                        <a href="about.php?lang=en">
                            About                        </a>
                    </li>
                    <li>
                        <a href="contact.php?lang=en">
                            Contact                        </a>
                    </li>
                </ul>
                <div class="nav navbar-nav navbar-right">
                    <div class="dropdown">
                        <button class="fullscreen c-hamburger c-hamburger--htx">
                            <span class="icon-menu">toggle menu</span>
                        </button>
                    </div>
                </div>
            </div>
        </nav>
        <div id="fullscreen-wrap">
            <ul class="fullscreen-menu nopadding-left">
                <nav class="navbar-fullscreen navbar-default">
                    <div class="container">
                        <div class="navbar-header nopadding-left padding-50">
                            <a class="navbar-brand-fullscreen nopadding-left" href="/../index.php"></a>
                        </div>
                        <ul class="nav navbar-nav navbar-left col-sm-10 col-md-9">
                            <li class="col-md-3 col-menu">
                                <a class="title-fullscreen" href="expertise.php?lang=en">
                                    Expertise                                </a>
                                <a class="hidden-xs link-expertise" href="expertise.php?lang=en#unity">
                                    Unity                                </a>
                                <a class="hidden-xs link-expertise" href="expertise.php?lang=en#api">
                                    APIs                                </a>
                                <a class="hidden-xs link-expertise" href="expertise.php?lang=en#apps">
                                    Mobile Apps                                </a>
                                <a class="hidden-xs link-expertise" href="expertise.php?lang=en#design">
                                    UI/UX Design                                </a>
                                <a class="hidden-xs link-expertise" href="expertise.php?lang=en#animation">
                                    Illustration & Animation                                </a>
                                <a class="hidden-xs link-expertise" href="expertise.php?lang=en#qa">
                                    QA                                </a>
                                <a class="hidden-xs link-expertise" href="expertise.php?lang=en#web">
                                    Web Development                                </a>
                                <a class="hidden-xs link-expertise" href="expertise.php?lang=en#project">
                                    Project Management                                </a>
                            </li>
                            <li class="col-md-3 col-menu">
                                <a class="title-fullscreen" href="cases.php?lang=en">
                                    Cases                                </a>
                                <a class="hidden-xs" href="/age-of-learning.php?lang=en">
                                    Age of Learning                                </a>
                                <a class="hidden-xs" href="/cidade-famosos.php?lang=en">
                                    Cidade dos Famosos                                </a>
                                <a class="hidden-xs" href="/educational-games.php?lang=en">
                                    Educational Games                                </a>
                                <a class="hidden-xs" href="/extreme-makeover.php?lang=en">
                                    Extreme Makeover Social                                </a>
                                <a class="hidden-xs" href="/maratoon.php?lang=en">
                                    Maratoon                                </a>
                                <a class="hidden-xs" href="/mind-racer.php?lang=en">
                                    Mind Racer                                </a>
                                <a class="hidden-xs" href="/relationup.php?lang=en">
                                    Relationup                                </a>
                                <a class="hidden-xs" href="/desafio-uol.php?lang=en">
                                    UOL Challenge                                </a>
                            </li>
                            <li class="col-md-3 col-menu">
                                <a class="title-fullscreen hidden-xs" href="about.php?lang=en">
                                    Company                                </a>
                                <a class="title-fullscreen visible-xs" href="about.php?lang=en">
                                    About                                </a>
                                <a class="title-fullscreen visible-xs" href="contact.php?lang=en">
                                    Contact                                </a>
                                <a class="hidden-xs" href="about.php?lang=en">
                                    About                                </a>
                                <a class="hidden-xs" href="careers.php?lang=en">
                                    Careers                                </a>
                                <a class="hidden-xs" href="contact.php?lang=en">
                                    Contact                                </a>
                                <a class="title-fullscreen hidden-xs" href="contact.php?lang=en" id="connect">
                                    Connect                                </a>
                                <a href="contact.php?lang=en">
                                    <p>+55 11 3360-2856
                                        <br>info@2mundos.net</p>
                                </a>
                                <div class="fullscreen-social">
                                    <div class="social-icons">
                                        <a href="https://www.linkedin.com/company/2mundos" target="_blank"><img src="../assets/images/icon-linkedin-white.png" width="24" height="24" alt="LinkedIn"></a>
                                    </div>
                                    <div class="social-icons">
                                        <a href="https://www.facebook.com/2Mundos/" target="_blank"><img src="../assets/images/icon-facebook-white.png" width="24" height="24" alt="Facebook"></a>
                                    </div>
                                    <div class="social-icons">
                                        <a href="https://twitter.com/2MundosInc" target="_blank"><img src="../assets/images/icon-twitter-white.png" width="24" height="24" alt="Twitter"></a>
                                    </div>
                                </div>

                            </li>
                        </ul>
                    </div>
                </nav>
            </ul>
        </div>
    <section class="div-height" id="video">
        <div class="container">
            <div class="video-content">
                <h1 class="page-title">More than a software house</h1>
                <p class="page-description">Android, iOS and cross-platform development of apps and games.</p>
                <!-- <div class="icon-play">
                    <a href="" data-toggle="modal" data-target=".bs-modal"><img src="assets/images/ic_play_circle_filled_white_24px.svg" alt="play" width=40 height=40></a>
                </div> -->
            </div>
        </div>
    </section>
    <div class="modal fade bs-modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <iframe class="video-home" src="http://www.youtube.com/embed/yHOrCqYTI6E"></iframe>
            </div>
        </div>
    </div>
    <div class="container">
        <section id="services">
            <h2 class="text-center">What we <span class="italic">do</span></h2>
            <div class="col-sm-4 col-md-4">
                <div class="services-image">
                    <img src="/assets/images/icon-concept.svg" alt="Concept">
                </div>
                <h3 class="text-center">Strategy</h3>
                <p>
                    Its here that everything starts: brainstorming followed by a detailed designed concept                </p>
            </div>
            <div class="col-sm-4 col-md-4">
                <div class="services-image">
                    <img src="/assets/images/icon-development.svg" alt="Development">
                </div>
                <h3 class="text-center">Design</h3>
                <p>
                    The concept in this stage becomes a product. It can be apps, games or digital platforms: our team makes it happen                </p>
            </div>
            <div class="col-sm-4 col-md-4">
                <div class="services-image">
                    <img src="/assets/images/icon-distribution.svg" alt="Distribution">
                </div>
                <h3 class="text-center">Development</h3>
                <p>
                    Divide and Conquer: the world needs to see your product                </p>
            </div>
        </section>
    </div>
    <section id="cases-index" class="hidden-xs">
        <div class="container">
            <h2 class="text-center">Our cases</h2>
        </div>
        <!--- fim container --->


        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">

            <!-- Wrapper for slides -->
            <div class="carousel-inner cases-wrap nopadding" role="listbox">
                    <div class="item active" id="item-1">
                        <div class="item-case" id="case-age">
                            <div class="container">
                                <div class="col-sm-6 col-md-6 case-image">
                                    <div class="cover-age"></div>
                                </div>
                                 <div class="col-sm-6 col-md-6 case-text vertical-align">
                                    <h4>Age of Learning</h4>
                                    <p>Age of Learning is a partner with an innovative understanding of education and how technology can impact the lives of young people in a playful fashion.</p>
                                    <a class="btn btn-secondary" href="age-of-learning.php?lang=en">View Case</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item" id="item-2">
                        <div class="item-case apps" id="case-relationup">
                            <div class="container">
                                <div class="col-sm-6 col-md-6 case-image">
                                    <div class="cover-relationup"></div>
                                </div>
                                 <div class="col-sm-6 col-md-6 case-text vertical-align">
                                    <h4>Relationup</h4>
                                    <p>An innovative platform that offers online professional relationship advice. 2Mundos is happy to be part of this venture since the early stages of prototyping.</p>
                                    <a class="btn btn-secondary" href="relationup.php?lang=en">View Case</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item" id="item-3">
                        <div class="item-case education educacionais nopadding" id="case-educational">
                            <div class="container">
                                <div class="col-sm-6 col-md-6 case-image">
                                    <div class="cover-educational"></div>
                                </div>
                                 <div class="col-sm-6 col-md-6 case-text vertical-align">
                                    <h4>Educational Games</h4>
                                    <p>Kids learn when they are having fun: This is the idea behind educational games developed by 2Mundos in partnership with two of the top Brazilian educational publishers, listed among the biggest in the world.</p>
                                    <a class="btn btn-secondary" href="educational-games.php?lang=en">View Case</a>
                                </div>
                            </div>
                        </div>
                    </div>
            </div>

            <!-- Controls -->
            <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                <span class="carousel-chevron"><img src="assets/images/ic_chevron_left_white_24px.svg" height=50></span>
                <span class="sr-only">Previous</span>
            </a>
            <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                <span class="carousel-chevron"><img src="assets/images/ic_chevron_right_white_24px.svg" height=50></span>
                <span class="sr-only">Next</span>
            </a>
        </div>
    </section>

    <section id="clients">
        <div class="container">
            <div class="client-logo">
                <img src="assets/images/clients/ageoflearning.png" alt="Age of Learning Logo">
            </div>
            <div class="client-logo">
                <img src="assets/images/clients/uol.png" alt="UOL Logo">
            </div>
            <div class="client-logo">
                <img src="assets/images/clients/ftd.png" alt="FTD Logo">
            </div>
            <div class="client-logo">
                <img src="assets/images/clients/relationup.png" alt="Relationup Logo">
            </div>
            <div class="client-logo">
                <img src="assets/images/clients/abril.png" alt="Abril Logo">
            </div>
            <div class="client-logo">
                <img src="assets/images/clients/saraiva.png" alt="Saraiva Logo">
            </div>
            <div class="client-logo">
                <img src="assets/images/clients/faap.png" alt="FAAP Logo">
            </div>
            <div class="client-logo">
                <img src="assets/images/clients/record.png" alt="Record Logo">
            </div>
            <div class="client-logo">
                <img src="assets/images/clients/endemol.png" alt="Endemol Logo">
            </div>
        </div>
    </section>

    <a id="banner-contact" class="bc-link" href="contact.php?lang=en">
    <div class="container">
        <div class="banner-contact-left">
            <p>You made it this far so...</p>
        </div>
        <div class="banner-contact-right">
            <div>
                <div class="icon-mail pull-left"></div>
                <span class="pull-left">Let's talk</span>
            </div>
        </div>
    </div>
</a>
        <section id="footer">
        <div class="container">
            <div class="f-firstline">
                <div class="f-logo">
                    <div class="f-logo-img" src=""></div>
                    <h4>More than a software house</h4>
                </div>
                <div class="f-social">
                    <div class="f-socialicon">
                        <a href="https://www.linkedin.com/company/2mundos" target="_blank"><img src="../assets/images/icon-linkedin.png" width="24" height="24"></a>
                    </div>
                    <div class="f-socialicon">
                        <a href="https://www.facebook.com/2Mundos/" target="_blank"><img src="../assets/images/icon-facebook.png" width="24" height="24"></a>
                    </div>
                    <div class="f-socialicon">
                        <a href="https://twitter.com/2MundosInc" target="_blank"><img src="../assets/images/icon-twitter.png" width="24" height="24"></a>
                    </div>
                </div>
                <div class="f-verticaldiv hidden-xs"></div>
                <div class="f-contact hidden-xs">
                    <p>+55 11 3360-2856</p>
                    <p>info@2mundos.net</p>
                </div>
            </div>
            <div class="f-horizontaldiv"></div>
            <div class="f-secondline">
                <p>
                    © 2016 2Mundos Inc. All Rights Reserved.                    Website made <a href="humans.txt">in-house</a>.
                </p>
                <ul>
                    <li><a href="?lang=en">ENGLISH</a></li>
                    <li><a href="?lang=pt">PORTUGUÊS</a></li>
                    <li><a href="?lang=es">ESPAÑOL</a></li>
                </ul>
            </div>
        </div>
    </section>

    <div class="box-contact-footer">
        <div class="box-bg-contact"></div>
        <div class="container">
            <!--div class="col-xs-3 col-sm-2 col-md-2 col-lg-2 icons-social">
                <div class="f-socialicon">
                    <a href="https://www.linkedin.com/company/2mundos" target="_blank"><img src="../assets/images/white-linkedin.png" width="24" height="24"></a>
                </div>
                <div class="f-socialicon">
                    <a href="https://www.facebook.com/2Mundos/" target="_blank"><img src="../assets/images/white-facebook.png" width="24" height="24"></a>
                </div>
                <div class="f-socialicon">
                    <a href="https://twitter.com/2MundosInc" target="_blank"><img src="../assets/images/white-twitter.png" width="24" height="24"></a>
                </div>
            </div-->

            <div class="col-xs-7 col-sm-6 col-md-8 col-lg-8">
                <div class="footer-contact">
                    <p>
                        <img src="../assets/images/icon-phone.png" width="24" height="24" />
                        +55 11 3360-2856
                    </p>
                    <p>
                        <img src="../assets/images/icon-email.png" width="24" height="24" />
                        info@2mundos.net
                    </p>
                </div>
            </div>

            <div class="col-xs-6 col-sm-5 col-md-4 col-lg-4 hidden-xs">
                <ul class="footer-languages">
                    <li><a href="?lang=en">ENGLISH</a></li>
                    <li><a href="?lang=pt">PORTUGUÊS</a></li>
                    <li><a href="?lang=es">ESPAÑOL</a></li>
                </ul>
            </div>
        </div>
    </div>

    <script src="/assets/js/jquery.min.js"></script>
    <script src="/assets/js/bootstrap.min.js"></script>
    <script src="/assets/js/main.js"></script>
    <script src="https://use.typekit.net/wkz3ieo.js"></script>
    <script>try{Typekit.load({ async: true });}catch(e){}</script>
    <script type="text/javascript">

	  var _gaq = _gaq || [];
	  _gaq.push(['_setAccount', 'UA-24126503-1']);
	  _gaq.push(['_trackPageview']);

	  (function() {
	  	var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
	    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
	    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
	  })();

    </script>

    </body>

</html>
