<!--
<html>
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:image:src" content="assets/images/index-meta.jpg">
  <meta property="og:image" content="assets/images/index-meta.jpg">
  <meta name="twitter:title" content="Home">
  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
  <link rel="shortcut icon" href="assets/images/logo3dgreen-1.gif" type="image/x-icon">
  <meta name="description" content="">
  <title>Home</title>
  <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
  <link rel="stylesheet" href="assets/bootstrap/css/bootstrap-grid.min.css">
  <link rel="stylesheet" href="assets/bootstrap/css/bootstrap-reboot.min.css">
  <link rel="stylesheet" href="assets/socicon/css/styles.css">
  <link rel="stylesheet" href="assets/animatecss/animate.min.css">
  <link rel="stylesheet" href="assets/tether/tether.min.css">
  <link rel="stylesheet" href="assets/dropdown/css/style.css">
  <link rel="stylesheet" href="assets/theme/css/style.css">
  <link rel="stylesheet" href="assets/gallery/style.css">
  <link rel="preload" as="style" href="assets/mobirise/css/mbr-additional.css"><link rel="stylesheet" href="assets/mobirise/css/mbr-additional.css" type="text/css">
</head>
<body>
  <section class="menu cid-rHh6lY23AB" once="menu" id="menu1-1j">
    <nav class="navbar navbar-expand beta-menu navbar-dropdown align-items-center navbar-fixed-top navbar-toggleable-sm">
        <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <div class="hamburger">
                <span></span>
                <span></span>
                <span></span>
                <span></span>
            </div>
        </button>
        <div class="menu-logo">
            <div class="navbar-brand">
                <span class="navbar-logo">
                         <a href="https://youtu.be/fPnrG323Q8s"><img src="assets/images/logo3dgreen-1.gif" alt="Mobirise" title="" style="height: 8rem;"></a>
                </span>
                <span class="navbar-caption-wrap"><a class="navbar-caption text-white display-4" href="index.html#footer1-1q">JOSE OLIVEIRA</a></span>
            </div>
        </div>
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav nav-dropdown nav-right" data-app-modern-menu="true"><li class="nav-item">
                    <a class="nav-link link text-white display-4" href="#top">
                        Início</a>
                </li><li class="nav-item"><a class="nav-link link text-white display-4" href="index.html#gallery3-1x">Trabalhos 2D</a></li><li class="nav-item"><a class="nav-link link text-white display-4" href="index.html#header7-37">Trabalhos 3D</a></li><li class="nav-item"><a class="nav-link link text-white display-4" href="index.html#content6-3g">Animações</a></li><li class="nav-item"><a class="nav-link link text-white display-4" href="index.html#content5-2u">Citação</a></li>
                <li class="nav-item">
                    <a class="nav-link link text-white display-4" href="index.html#form1-38">
                        Contactos &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</a>
                </li></ul>
        </div>
    </nav>
</section>
<section class="engine"><a href="https://mobirise.info/v">html templates</a></section><section class="cid-rHAYuGudy9 mbr-fullscreen mbr-parallax-background" id="header2-39">
    <div class="mbr-overlay" style="opacity: 0.5; background-color: rgb(35, 35, 35);"></div>
    <div class="container align-center">
        <div class="row justify-content-md-center">
            <div class="mbr-white col-md-10">
                <h1 class="mbr-section-title mbr-bold pb-3 mbr-fonts-style display-1">Portefólio de JORF MULTIMÉDIA</h1>
                <h3 class="mbr-section-subtitle align-center mbr-light pb-3 mbr-fonts-style display-2">Explore o meu trabalho</h3>
                <p class="mbr-text pb-3 mbr-fonts-style display-5">Desde que entrei neste ramo, a minha dedicação ao trabalho em conjunto com a minha motivação para crescer, levaram-me a executar projetos excepcionais além de experiências incríveis. Dedique uns instantes para explorar o meu portfólio, o qual inclui uma combinação de colaborações, trabalhos sob encomenda e outros projetos.<br><br>
Caso queira saber mais, não deixe de entrar em contato.</p>
                <div class="mbr-section-btn"><a class="btn btn-md btn-white-outline display-7" href="mailto:joseoliveira33@gmail.com">Entre em Contacto</a></div>
            </div>
        </div>
    </div>
    <div class="mbr-arrow hidden-sm-down" aria-hidden="true">
        <a href="#next">
            <i class="mbri-down mbr-iconfont"></i>
        </a>
    </div>
</section>
<section class="mbr-gallery mbr-slider-carousel cid-rHk5OwuM1W" id="gallery3-1x">
    <div>
        <div>
            <div class="mbr-gallery-row">
                <div class="mbr-gallery-layout-default">
                    <div>
                        <div>
                            <div class="mbr-gallery-item mbr-gallery-item--p1" data-video-url="false" data-tags="Responsivo">
                                <div href="#lb-gallery3-1x" data-slide-to="0" data-toggle="modal"><img src="assets/images/chavena-1.svg" alt="" title=""><span class="icon-focus"></span></div>
                            </div>
                            <div class="mbr-gallery-item mbr-gallery-item--p1" data-video-url="false" data-tags="Fantástica">
                                <div href="#lb-gallery3-1x" data-slide-to="1" data-toggle="modal"><img src="assets/images/montagem02-1920x1080-800x450.jpg" alt="" title=""><span class="icon-focus"></span></div>
                            </div>
                            <div class="mbr-gallery-item mbr-gallery-item--p1" data-video-url="false" data-tags="Criativo">
                                <div href="#lb-gallery3-1x" data-slide-to="2" data-toggle="modal"><img src="assets/images/bandeira2-1920x1080-800x450.jpg" alt="" title=""><span class="icon-focus"></span></div>
                            </div>
                            <div class="mbr-gallery-item mbr-gallery-item--p1" data-video-url="false" data-tags="Animado">
                                <div href="#lb-gallery3-1x" data-slide-to="3" data-toggle="modal"><img src="assets/images/jump4mickey.gif" alt="" title=""><span class="icon-focus"></span></div>
                            </div>
                            <div class="mbr-gallery-item mbr-gallery-item--p1" data-video-url="false" data-tags="Fantástica">
                                <div href="#lb-gallery3-1x" data-slide-to="4" data-toggle="modal"><img src="assets/images/aranha-1.svg" alt="" title=""><span class="icon-focus"></span></div>
                            </div>
                            <div class="mbr-gallery-item mbr-gallery-item--p1" data-video-url="false" data-tags="Fantástica">
                                <div href="#lb-gallery3-1x" data-slide-to="5" data-toggle="modal"><img src="assets/images/montagem-fundo-1920x1080-800x450.jpg" alt="" title=""><span class="icon-focus"></span></div>
                            </div>
                            <div class="mbr-gallery-item mbr-gallery-item--p1" data-video-url="false" data-tags="Responsivo">
                                <div href="#lb-gallery3-1x" data-slide-to="6" data-toggle="modal"><img src="assets/images/bolas-1-800x450.png" alt="" title=""><span class="icon-focus"></span></div>
                            </div>
                            <div class="mbr-gallery-item mbr-gallery-item--p1" data-video-url="false" data-tags="Animado">
                                <div href="#lb-gallery3-1x" data-slide-to="7" data-toggle="modal"><img src="assets/images/agua-2000x1518-800x570.png" alt="" title=""><span class="icon-focus"></span></div>
                            </div>
                            <div class="mbr-gallery-item mbr-gallery-item--p1" data-video-url="false" data-tags="Fantástica">
                                <div href="#lb-gallery3-1x" data-slide-to="8" data-toggle="modal"><img src="assets/images/pac-man-1.svg" alt="" title=""><span class="icon-focus"></span></div>
                            </div>
                            <div class="mbr-gallery-item mbr-gallery-item--p1" data-video-url="false" data-tags="Fantástica">
                                <div href="#lb-gallery3-1x" data-slide-to="9" data-toggle="modal"><img src="assets/images/playboy-2000x2829-800x1132.png" alt="" title=""><span class="icon-focus"></span></div>
                            </div>
                            <div class="mbr-gallery-item mbr-gallery-item--p1" data-video-url="false" data-tags="Fantástica">
                                <div href="#lb-gallery3-1x" data-slide-to="10" data-toggle="modal"><img src="assets/images/playboy2-2000x2829-800x1132-800x1132-800x1132.png" alt="" title=""><span class="icon-focus"></span></div>
                            </div>
                            <div class="mbr-gallery-item mbr-gallery-item--p1" data-video-url="false" data-tags="Fantástica">
                                <div href="#lb-gallery3-1x" data-slide-to="11" data-toggle="modal"><img src="assets/images/relgio2-2000x2000-800x800.png" alt="" title=""><span class="icon-focus"></span></div>
                            </div>
                            <div class="mbr-gallery-item mbr-gallery-item--p1" data-video-url="false" data-tags="Fantástica">
                                <div href="#lb-gallery3-1x" data-slide-to="12" data-toggle="modal"><img src="assets/images/roma-1884x901-800x383.png" alt="" title=""><span class="icon-focus"></span></div>
                            </div>
                            <div class="mbr-gallery-item mbr-gallery-item--p1" data-video-url="false" data-tags="Fantástica">
                                <div href="#lb-gallery3-1x" data-slide-to="13" data-toggle="modal"><img src="assets/images/olho.svg" alt="" title=""><span class="icon-focus"></span></div>
                            </div>
                            <div class="mbr-gallery-item mbr-gallery-item--p1" data-video-url="false" data-tags="Fantástica">
                                <div href="#lb-gallery3-1x" data-slide-to="14" data-toggle="modal"><img src="assets/images/t-shirt2-1920x1080-800x450.png" alt="" title=""><span class="icon-focus"></span></div>
                            </div>
                            <div class="mbr-gallery-item mbr-gallery-item--p1" data-video-url="false" data-tags="Fantástica">
                                <div href="#lb-gallery3-1x" data-slide-to="15" data-toggle="modal"><img src="assets/images/ponte-lus-i-construo-1883-emlio-biel-1446x1080-800x598.png" alt="" title=""><span class="icon-focus"></span></div>
                            </div>
                            <div class="mbr-gallery-item mbr-gallery-item--p1" data-video-url="false" data-tags="Fantástica">
                                <div href="#lb-gallery3-1x" data-slide-to="16" data-toggle="modal"><img src="assets/images/chocolate.svg" alt="" title=""><span class="icon-focus"></span></div>
                            </div>
                            <div class="mbr-gallery-item mbr-gallery-item--p1" data-video-url="false" data-tags="Fantástica">
                                <div href="#lb-gallery3-1x" data-slide-to="17" data-toggle="modal"><img src="assets/images/cm19.svg" alt="" title=""><span class="icon-focus"></span></div>
                            </div>
                            <div class="mbr-gallery-item mbr-gallery-item--p1" data-video-url="false" data-tags="Fantástica">
                                <div href="#lb-gallery3-1x" data-slide-to="18" data-toggle="modal"><img src="assets/images/azulejo03.svg" alt="" title=""><span class="icon-focus"></span></div>
                            </div>
                            <div class="mbr-gallery-item mbr-gallery-item--p1" data-video-url="false" data-tags="Fantástica">
                                <div href="#lb-gallery3-1x" data-slide-to="19" data-toggle="modal"><img src="assets/images/retrato2-800x600.png" alt="" title=""><span class="icon-focus"></span></div>
                            </div>
                            <div class="mbr-gallery-item mbr-gallery-item--p1" data-video-url="false" data-tags="Fantástica">
                                <div href="#lb-gallery3-1x" data-slide-to="20" data-toggle="modal"><img src="assets/images/arvore-731x1078.png" alt="" title=""><span class="icon-focus"></span></div>
                            </div>
                            <div class="mbr-gallery-item mbr-gallery-item--p1" data-video-url="false" data-tags="Fantástica">
                                <div href="#lb-gallery3-1x" data-slide-to="21" data-toggle="modal"><img src="assets/images/dora2-800x515.png" alt="" title=""><span class="icon-focus"></span></div>
                            </div>
                        </div>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
            <div data-app-prevent-settings="" class="mbr-slider modal fade carousel slide" tabindex="-1" data-keyboard="true" data-interval="false" id="lb-gallery3-1x">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-body">
                            <div class="carousel-inner">
                                <div class="carousel-item"><img src="assets/images/chavena-1.svg" alt="" title=""></div>
                                <div class="carousel-item active"><img src="assets/images/montagem02-1920x1080.jpg" alt="" title=""></div>
                                <div class="carousel-item"><img src="assets/images/bandeira2-1920x1080.jpg" alt="" title=""></div>
                                <div class="carousel-item"><img src="assets/images/jump4mickey.gif" alt="" title=""></div>
                                <div class="carousel-item"><img src="assets/images/aranha-1.svg" alt="" title=""></div>
                                <div class="carousel-item"><img src="assets/images/montagem-fundo-1920x1080.jpg" alt="" title=""></div>
                                <div class="carousel-item"><img src="assets/images/bolas-1.png" alt="" title=""></div>
                                <div class="carousel-item"><img src="assets/images/agua-2000x1518.png" alt="" title=""></div>
                                <div class="carousel-item"><img src="assets/images/pac-man-1.svg" alt="" title=""></div>
                                <div class="carousel-item"><img src="assets/images/playboy-2000x2829.png" alt="" title=""></div>
                                <div class="carousel-item"><img src="assets/images/playboy2-2000x2829-800x1132-800x1132.png" alt="" title=""></div>
                                <div class="carousel-item"><img src="assets/images/relgio2-2000x2000.png" alt="" title=""></div>
                                <div class="carousel-item"><img src="assets/images/roma-1884x901.png" alt="" title=""></div>
                                <div class="carousel-item"><img src="assets/images/olho.svg" alt="" title=""></div>
                                <div class="carousel-item"><img src="assets/images/t-shirt2-1920x1080.png" alt="" title=""></div>
                                <div class="carousel-item"><img src="assets/images/ponte-lus-i-construo-1883-emlio-biel-1446x1080.png" alt="" title=""></div>
                                <div class="carousel-item"><img src="assets/images/chocolate.svg" alt="" title=""></div>
                                <div class="carousel-item"><img src="assets/images/cm19.svg" alt="" title=""></div>
                                <div class="carousel-item"><img src="assets/images/azulejo03.svg" alt="" title=""></div>
                                <div class="carousel-item"><img src="assets/images/retrato2.png" alt="" title=""></div>
                                <div class="carousel-item"><img src="assets/images/arvore.png" alt="" title=""></div>
                                <div class="carousel-item"><img src="assets/images/dora2.png" alt="" title=""></div>
                            </div><a class="carousel-control carousel-control-prev" role="button" data-slide="prev" href="#lb-gallery3-1x"><span class="mbri-left mbr-iconfont" aria-hidden="true"></span><span class="sr-only">Previous</span></a><a class="carousel-control carousel-control-next" role="button" data-slide="next" href="#lb-gallery3-1x"><span class="mbri-right mbr-iconfont" aria-hidden="true"></span><span class="sr-only">Next</span></a><a class="close" href="#" role="button" data-dismiss="modal"><span class="sr-only">Close</span></a>
                        </div>
                    </div>
                </div>
            </div>
        </div> </div>
</section>
<section class="mbr-section content5 cid-rHyA6DIg04 mbr-parallax-background" id="content5-2u">
    <div class="mbr-overlay" style="opacity: 0.9; background-color: rgb(10, 1, 1);">
    </div>
    <div class="container">
        <div class="media-container-row">
            <div class="title col-12 col-md-8">
                <h2 class="align-center mbr-bold mbr-white pb-3 mbr-fonts-style display-2">"A melhor maneira de prever o futuro é criá-lo"</h2>
                <h3 class="mbr-section-subtitle align-center mbr-light mbr-white pb-3 mbr-fonts-style display-5">Abraham Lincoln</h3>
            </div>
        </div>
    </div>
</section>
<section class="header7 cid-rJwUQKObuY" id="header7-3n">
    <div class="container">
        <div class="media-container-row">
            <div class="media-content align-right">
                <h1 class="mbr-section-title mbr-white pb-3 mbr-fonts-style display-5">
                    Natal IEFP<div><br></div></h1>
                <div class="mbr-section-text mbr-white pb-3">
                    <p class="mbr-text mbr-fonts-style display-7">Esta animação foi efectuada usando vários programas<br>Sketchup<br>Twinmotion<br>Photoshop<br>Vegas</p>
                </div>
            </div>
            <div class="mbr-figure" style="width: 120%;"><iframe class="mbr-embedded-video" src="https://www.youtube.com/embed/4IwhPv7S4jk?rel=0&amp;amp;showinfo=0&amp;autoplay=0&amp;loop=0" width="1280" height="720" frameborder="0" allowfullscreen=""></iframe></div>
        </div>
    </div>
</section>
<section class="header7 cid-rHyQjvyXig" id="header7-37">
    <div class="container">
        <div class="media-container-row">
            <div class="media-content align-right">
                <h1 class="mbr-section-title mbr-white pb-3 mbr-fonts-style display-5"><div>GLAMPING</div></h1>
                <div class="mbr-section-text mbr-white pb-3">
                    <p class="mbr-text mbr-fonts-style display-7">Este trabalho foi efectuado no sketchup.<br>
As animações, as texturas e o render foram feitos no Twinmotion.</p>
                </div>
            </div>
            <div class="mbr-figure" style="width: 120%;"><iframe class="mbr-embedded-video" src="https://www.youtube.com/embed/L-OTUOb1ml8?rel=0&amp;amp;showinfo=0&amp;autoplay=0&amp;loop=0" width="1280" height="720" frameborder="0" allowfullscreen=""></iframe></div>
        </div>
    </div>
</section>
<section class="header7 cid-rHyPcev2bi" id="header7-36">
    <div class="container">
        <div class="media-container-row">
            <div class="media-content align-right">
                <h1 class="mbr-section-title mbr-white pb-3 mbr-fonts-style display-5"><div>CASA 3D
</div><div><br></div></h1>
                <div class="mbr-section-text mbr-white pb-3">
                    <p class="mbr-text mbr-fonts-style display-7">Este trabalho foi efectuado no sketchup.<br>
As animações, as texturas e o render foram feitos no Twinmotion.</p>
                </div>
            </div>
            <div class="mbr-figure" style="width: 120%;"><iframe class="mbr-embedded-video" src="https://www.youtube.com/embed/EPGf6OK78aI?rel=0&amp;amp;showinfo=0&amp;autoplay=0&amp;loop=0" width="1280" height="720" frameborder="0" allowfullscreen=""></iframe></div>
        </div>
    </div>
</section>
<section class="header7 cid-rHyPb0xiqM" id="header7-35">
    <div class="container">
        <div class="media-container-row">
            <div class="media-content align-right">
                <h1 class="mbr-section-title mbr-white pb-3 mbr-fonts-style display-5"><div>CASA DE PRAIA
</div><div><br></div></h1>
                <div class="mbr-section-text mbr-white pb-3">
                    <p class="mbr-text mbr-fonts-style display-7">Este trabalho foi efectuado no 3DSMax.<br>
As animações, as texturas e o render foram feitos no Lumion.</p>
                </div>
            </div>
            <div class="mbr-figure" style="width: 120%;"><iframe class="mbr-embedded-video" src="https://www.youtube.com/embed/ehr5sfFEsUs?rel=0&amp;amp;showinfo=0&amp;autoplay=0&amp;loop=0" width="1280" height="720" frameborder="0" allowfullscreen=""></iframe></div>
        </div>
    </div>
</section>
<section class="header7 cid-rHyP9zJAok" id="header7-34">
    <div class="container">
        <div class="media-container-row">
            <div class="media-content align-right">
                <h1 class="mbr-section-title mbr-white pb-3 mbr-fonts-style display-5"><div>CASA ALENTEJANA
</div><div><br></div></h1>
                <div class="mbr-section-text mbr-white pb-3">
                    <p class="mbr-text mbr-fonts-style display-7">Este trabalho tambem foi efectuado no sketchup.<br>
As animações, as texturas e o render foram feitos tambem no Twinmotion.</p>
                </div>
            </div>
            <div class="mbr-figure" style="width: 120%;"><iframe class="mbr-embedded-video" src="https://www.youtube.com/embed/4RD-5FtWQOU?rel=0&amp;amp;showinfo=0&amp;autoplay=0&amp;loop=0" width="1280" height="720" frameborder="0" allowfullscreen=""></iframe></div>
        </div>
    </div>
</section>
<section class="header7 cid-rHyP7ZPYBN" id="header7-33">
    <div class="container">
        <div class="media-container-row">
            <div class="media-content align-right">
                <h1 class="mbr-section-title mbr-white pb-3 mbr-fonts-style display-5">
                    COZINHA
                <div><br></div></h1>
                <div class="mbr-section-text mbr-white pb-3">
                    <p class="mbr-text mbr-fonts-style display-7">Este trabalho foi efectuado no sketchup.<br>
As animações, as texturas e o render foram feitos no Lumion.</p>
                </div>
            </div>
            <div class="mbr-figure" style="width: 120%;"><iframe class="mbr-embedded-video" src="https://www.youtube.com/embed/pvxIq3tx6cY?rel=0&amp;amp;showinfo=0&amp;autoplay=0&amp;loop=0" width="1280" height="720" frameborder="0" allowfullscreen=""></iframe></div>
        </div>
    </div>
</section>
<section class="header7 cid-rHyOEtu8iT" id="header7-32">
    <div class="container">
        <div class="media-container-row">
            <div class="media-content align-right">
                <h1 class="mbr-section-title mbr-white pb-3 mbr-fonts-style display-5"><div>CARRO MADEIRA
</div><div><br></div></h1>
                <div class="mbr-section-text mbr-white pb-3">
                    <p class="mbr-text mbr-fonts-style display-7">Este trabalho foi efectuado no sketchup.<br>
As animações, as texturas e o render foram feitos no Lumion.</p>
                </div>
            </div>
            <div class="mbr-figure" style="width: 120%;"><iframe class="mbr-embedded-video" src="https://www.youtube.com/embed/RRhrzdt2U6U?rel=0&amp;amp;showinfo=0&amp;autoplay=0&amp;loop=0" width="1280" height="720" frameborder="0" allowfullscreen=""></iframe></div>
        </div>
    </div>
</section>
<section class="header7 cid-rHyzXpQfFk" id="header7-2e">
    <div class="container">
        <div class="media-container-row">
            <div class="media-content align-right">
                <h1 class="mbr-section-title mbr-white pb-3 mbr-fonts-style display-5">
                    ANIMAÇÃO
                <div><br></div></h1>
                <div class="mbr-section-text mbr-white pb-3">
                    <p class="mbr-text mbr-fonts-style display-7">Esta animação foi efectuada no Adobe Animate.<br>
(Bone animation)</p>
                </div>
            </div>
            <div class="mbr-figure" style="width: 120%;"><iframe class="mbr-embedded-video" src="https://www.youtube.com/embed/nt8VGy-B2is?rel=0&amp;amp;showinfo=0&amp;autoplay=0&amp;loop=0" width="1280" height="720" frameborder="0" allowfullscreen=""></iframe></div>
        </div>
    </div>
</section>
<section class="header7 cid-rI7EGXHg8v" id="header7-3e">
    <div class="container">
        <div class="media-container-row">
            <div class="media-content align-right">
                <h1 class="mbr-section-title mbr-white pb-3 mbr-fonts-style display-5"><div>Desenho 2D</div></h1>
                <div class="mbr-section-text mbr-white pb-3">
                    <p class="mbr-text mbr-fonts-style display-7">Desenho 2d no Inkskape</p>
                </div>
            </div>
            <div class="mbr-figure" style="width: 120%;"><iframe class="mbr-embedded-video" src="https://www.youtube.com/embed/auYWABwSNMs?rel=0&amp;amp;showinfo=0&amp;autoplay=0&amp;loop=0" width="1280" height="720" frameborder="0" allowfullscreen=""></iframe></div>
        </div>
    </div>
</section>
<section class="mbr-section content5 cid-rIdRhgZ92n mbr-parallax-background" id="content5-3l">
    <div class="mbr-overlay" style="opacity: 0.9; background-color: rgb(10, 1, 1);">
    </div>
    <div class="container">
        <div class="media-container-row">
            <div class="title col-12 col-md-8">
                <h2 class="align-center mbr-bold mbr-white pb-3 mbr-fonts-style display-2">"A parte que ignoramos é muito maior que tudo quanto sabemos".</h2>
                <h3 class="mbr-section-subtitle align-center mbr-light mbr-white pb-3 mbr-fonts-style display-5">Platão</h3>
            </div>
        </div>
    </div>
</section>
<section class="mbr-section content6 cid-rI7KvhOA2D" id="content6-3g">
    <div class="container">
        <div class="media-container-row">
            <div class="col-12 col-md-8">
                <div class="media-container-row">
                    <div class="mbr-figure" style="width: 200%;">
                      <a href="http://www.jorfmultimedia.pt/Tubaroes/index.html" target="_blank"><img src="assets/images/tubaroes-848x423.jpg" alt="" title=""></a>
                    </div>
                    <div class="media-content">
                        <div class="mbr-section-text">
                            <p class="mbr-text mb-0 mbr-fonts-style display-7"><strong><br></strong><br><strong>TUBARÕES</strong><br><strong><br></strong>Animação interativa feita no Googlewebdesigner. Aplicação feita para aplicação APK.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="mbr-section content6 cid-rIdOtKFa3c" id="content6-3k">
    <div class="container">
        <div class="media-container-row">
            <div class="col-12 col-md-8">
                <div class="media-container-row">
                    <div class="mbr-figure" style="width: 200%;">
                      <a href="http://www.jorfmultimedia.pt/Mario/index.html" target="_blank"><img src="assets/images/mario-848x508.png" alt="" title=""></a>
                    </div>
                    <div class="media-content">
                        <div class="mbr-section-text">
                            <p class="mbr-text mb-0 mbr-fonts-style display-7"><strong><br></strong><br><strong>MARIO</strong><br><strong><br></strong>Esta animação foi efectuada no Googlewebdesigner.<br>É uma animação basica.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="mbr-section content6 cid-rIgJytMY96" id="content6-3m">
    <div class="container">
        <div class="media-container-row">
            <div class="col-12 col-md-8">
                <div class="media-container-row">
                    <div class="mbr-figure" style="width: 200%;">
                      <a href="http://www.jorfmultimedia.pt/Animate/index.html" target="_blank"><img src="assets/images/animate-848x475.jpg" alt="" title=""></a>
                    </div>
                    <div class="media-content">
                        <div class="mbr-section-text">
                            <p class="mbr-text mb-0 mbr-fonts-style display-7"><strong><br></strong><br><strong>ANIMAÇÕES<br></strong>Conjunto de pequenas animações feitas no Adobe Animate</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="mbr-section form1 cid-rHyTsPrSsU" id="form1-38">
    <div class="container">
        <div class="row justify-content-center">
            <div class="title col-12 col-lg-8">
                <h2 class="mbr-section-title align-center pb-3 mbr-fonts-style display-2">FORMULÁRIO DE CONTACTO</h2>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="row justify-content-center">
            <div class="media-container-column col-lg-8" data-form-type="formoid">
                <form action="https://mobirise.com/" method="POST" class="mbr-form form-with-styler" data-form-title="Mobirise Form"><input type="hidden" name="email" data-form-email="true" value="ZM/57+XqPi8XpSEZQJV6MpQ0suvMfAg7d/aHyfatLFrsfRRQ4subVAeKnhV/NDvcOFkZxaEyrZXVBhFmFbjShD/55VjA+o5W2xUC1ecekNypJJ9U6fF1cJU8TNm0QBxx">
                    <div class="row">
                        <div hidden="hidden" data-form-alert="" class="alert alert-success col-12">Thanks for filling out the form!</div>
                        <div hidden="hidden" data-form-alert-danger="" class="alert alert-danger col-12">
                        </div>
                    </div>
                    <div class="dragArea row">
                        <div class="col-md-4 form-group" data-for="name">
                            <label for="name-form1-38" class="form-control-label mbr-fonts-style display-7">Nome</label>
                            <input type="text" name="name" data-form-field="Name" required="required" class="form-control display-7" id="name-form1-38">
                        </div>
                        <div class="col-md-4 form-group" data-for="email">
                            <label for="email-form1-38" class="form-control-label mbr-fonts-style display-7">Email</label>
                            <input type="email" name="email" data-form-field="Email" required="required" class="form-control display-7" id="email-form1-38">
                        </div>
                        <div data-for="phone" class="col-md-4 form-group">
                            <label for="phone-form1-38" class="form-control-label mbr-fonts-style display-7">Telefone</label>
                            <input type="tel" name="phone" data-form-field="Phone" class="form-control display-7" id="phone-form1-38">
                        </div>
                        <div data-for="message" class="col-md-12 form-group">
                            <label for="message-form1-38" class="form-control-label mbr-fonts-style display-7">Message</label>
                            <textarea name="message" data-form-field="Message" class="form-control display-7" id="message-form1-38"></textarea>
                        </div>
                        <div class="col-md-12 input-group-btn align-center"><button type="submit" class="btn btn-primary btn-form display-4">ENVIAR</button></div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</section>
<section class="cid-rHhhtsjWXo" id="footer1-1q">
    <div class="container">
        <div class="media-container-row content text-white">
            <div class="col-12 col-md-3">
                <div class="media-wrap">
                        <img src="assets/images/bolas-192x140.png" alt="Mobirise" title="">
                </div>
            </div>
            <div class="col-12 col-md-3 mbr-fonts-style display-7">
                <h5 class="pb-3">
                    Endereço</h5>
                <p class="mbr-text">
                    Porto &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<br>Portugal</p>
            </div>
            <div class="col-12 col-md-3 mbr-fonts-style display-7">
                <h5 class="pb-3">
                    Contactos
                </h5>
                <p class="mbr-text">
                    Email: joseoliveira33@gmail.com<br>Tel.: &nbsp;(+351) 916 897 919 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;<br><br></p>
            </div>
            <div class="col-12 col-md-3 mbr-fonts-style display-7">
                <h5 class="pb-3">Redes sociais</h5>
                <p class="mbr-text"><a href="https://www.youtube.com/channel/UC4Jh3B1f5mPRFcXULTvZIqQ" target="_blank">Youtube</a><br><a href="https://www.facebook.com/joseoliveira33" target="_blank">Facebook</a><br><br></p>
            </div>
        </div>
    </div>
</section>
<section class="map1 cid-rHAZK02Lho" id="map1-3a">
    <div class="google-map"><iframe frameborder="0" style="border:0" src="https://www.google.com/maps/embed/v1/place?key=AIzaSyAEIpgj38KyLFELm2bK9Y7krBkz1K-cMq8&amp;q=place_id:ChIJHTBmdrtlJA0RI0pn69Hirtc" allowfullscreen=""></iframe></div>
</section>
  <script src="assets/web/assets/jquery/jquery.min.js"></script>
  <script src="assets/popper/popper.min.js"></script>
  <script src="assets/bootstrap/js/bootstrap.min.js"></script>
  <script src="assets/smoothscroll/smooth-scroll.js"></script>
  <script src="assets/parallax/jarallax.min.js"></script>
  <script src="assets/viewportchecker/jquery.viewportchecker.js"></script>
  <script src="assets/masonry/masonry.pkgd.min.js"></script>
  <script src="assets/imagesloaded/imagesloaded.pkgd.min.js"></script>
  <script src="assets/bootstrapcarouselswipe/bootstrap-carousel-swipe.js"></script>
  <script src="assets/tether/tether.min.js"></script>
  <script src="assets/vimeoplayer/jquery.mb.vimeo_player.js"></script>
  <script src="assets/touchswipe/jquery.touch-swipe.min.js"></script>
  <script src="assets/dropdown/js/nav-dropdown.js"></script>
  <script src="assets/dropdown/js/navbar-dropdown.js"></script>
  <script src="assets/theme/js/script.js"></script>
  <script src="assets/slidervideo/script.js"></script>
  <script src="assets/gallery/player.min.js"></script>
  <script src="assets/gallery/script.js"></script>
  <script src="assets/formoid/formoid.min.js"></script>
 <div id="scrollToTop" class="scrollToTop mbr-arrow-up"><a style="text-align: center;"><i class="mbr-arrow-up-icon mbr-arrow-up-icon-cm cm-icon cm-icon-smallarrow-up"></i></a></div>
    <input name="animation" type="hidden">
  </body>
</html>
          -->