Vous êtes sur la page 1sur 11

<h3>Peu de página</h3>

            <p>La Psicopedagogia es la branca mes important a l'ensenyament a on es posa molt


d'enfasis a entendre el pacient y les seves capacitats per a adecuar el nivell y metodologia
d'ensenyanca per a maximitzar el potencial dels infants en aquesta etapa tan important de
maduració y aprenentatge</p>
      

<!DOCTYPE html>
<html>
<head>
<title>Psicologia Barcelona</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/
font-awesome.min.css">
<style>
body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}

</style>
</head>

<body class="w3-light-grey w3-content" style="max-width:1600px">

    
<!-- Sidebar/menu -->
<nav class="w3-sidebar w3-collapse w3-white w3-animate-left" style="z-
index:3;width:300px;" id="mySidebar"><br>
    <div class="w3-container">
        <a href="#" onclick="w3_close()" class="w3-hide-large w3-right w3-jumbo w3-padding
w3-hover-grey" title="close menu">
            <i class="fa fa-remove"></i>
        </a>
        <img src="img/Montse.jpg" style="width:45%;" class="w3-round" alt="Montserrat con
su nieta"><br><br>
        <h4><b>Pagina web</b></h4>
        <p class="w3-text-grey">Psicopedagoga</p>
    </div>
    <div class="w3-bar-block">
        <a href="#portfolio" onclick="w3_close()" class="w3-bar-item w3-button w3-padding
w3-text-teal"><i class="fa fa-th-large fa-fw w3-margin-right"></i>PORTFOLIO</a>
        <a href="#about" onclick="w3_close()" class="w3-bar-item w3-button w3-padding"><i
class="fa fa-user fa-fw w3-margin-right"></i>ABOUT</a>
        <a href="#contact" onclick="w3_close()" class="w3-bar-item w3-button w3-
padding"><i class="fa fa-envelope fa-fw w3-margin-right"></i>CONTACT</a>
    </div>
    <div class="w3-panel w3-large">
        <i class="fa fa-facebook-official w3-hover-opacity"></i>
        <i class="fa fa-instagram w3-hover-opacity"></i>
        <i class="fa fa-snapchat w3-hover-opacity"></i>
        <i class="fa fa-pinterest-p w3-hover-opacity"></i>
        <i class="fa fa-twitter w3-hover-opacity"></i>
        <i class="fa fa-linkedin w3-hover-opacity"></i>
    </div>
</nav>

<!-- Overlay effect when opening sidebar on small screens -->


<div class="w3-overlay w3-hide-large w3-animate-opacity" onclick="w3_close()"
style="cursor:pointer" title="close side menu" id="myOverlay"></div>

<!-- !PAGE CONTENT! -->


<div class="w3-main" style="margin-left:300px">

    <!-- Header -->


    <section>
        <img src="img/fondo.jpeg" height="200px" width="100%" alt="bonito paisaje">
</section>
    <header id="portfolio">
        <a href="#"><img src="/w3images/avatar_g2.jpg" style="width:65px;" class="w3-circle
w3-right w3-margin w3-hide-large w3-hover-opacity"></a>
        <span class="w3-button w3-hide-large w3-xxlarge w3-hover-text-grey"
onclick="w3_open()"><i class="fa fa-bars"></i></span>
        <div class="w3-container">
        <h1><b>Psicologia Barcelona</b></h1>
        <p>un lloc per a la comprensio y adaptacio</p>
        <div class="w3-section w3-bottombar w3-padding-16">
            <span class="w3-margin-right">Filter:</span>
            <a href="index.html"><button class="w3-button w3-white
w3-hide-small">ALL</button></a>
      
            <button class="w3-button w3-black"><i class="fa fa-diamond
w3-margin-right"></i>el nostre metode</button>
            <a href="videos.html"><button class="w3-button w3-white"><i class="fa fa-photo
w3-margin-right"></i>Videos</button></a>
            <button class="w3-button w3-white w3-hide-small"><i class="fa fa-map-pin w3-
margin-right"></i>Projectes</button>
        </div>
        </div>
    </header>
  
    <!-- First Photo Grid-->
    <div class="w3-row-padding">
        <div class="w3-third w3-container w3-margin-bottom">
            <a href="https://mromagosa.blogspot.com/2021/09/homeschooling.html">
                <img src="img/homeschooling.png" alt="Norway" style="width:100%" class="w3-
hover-opacity">
            </a>
      
            <div class="w3-container w3-white">
                <p><b>que hay sobre el "homeschooling"</b></p>
                <p>un articulo referente a las variantes de enseñanza, aqui se diferencia la educación
en casa vs. tradicional. Y mas especificamente en el caso de altas capacidades. Resulta
realmente posible educar un niño en casa?</p>
            </div>
        </div>
        <div class="w3-third w3-container w3-margin-bottom">
            <a href="http://ipaacc.blogspot.com/p/cccccc.html">
                <img src="img/tallers.jpg" alt="Norway" style="width:100%" class="w3-hover-
opacity">
            </a>
            <div class="w3-container w3-white">
                <p><b>Talleres promovidos por nuestro IPAACC</b></p>
                <p>estos son algunos de los ejemplos típicos de talleres que se han llevado a cabo
dentro de nuestra organización IPAACC (Instituto de altas capacidades)</p>
            </div>
        </div>
        <div class="w3-third w3-container">
            <a href="http://ipaacc.blogspot.com/p/sssss.html">
                <img src="img/articulos.png" alt="Norway" style="width:100%" class="w3-hover-
opacity">
            </a>
            <div class="w3-container w3-white">
                <p><b>Articulos varios de nuestro instituto</b></p>
                <p>En este apartado son varios los posts relevantes a temas de actualidad expuestos
a traves de nuestro instituto IPAACC</p>
            </div>
        </div>
    </div>
  
    <!-- Second Photo Grid-->
    <div class="w3-row-padding">
        <div class="w3-third w3-container w3-margin-bottom">
            <a href="https://www.amazon.es/capacitats-l%C2%92escola-inclusiva-Marrameus-
Descarat/dp/8415212135"><img src="img/cuento.jpeg" alt="Norway" style="width:100%"
class="w3-hover-opacity"></a>
      
            <div class="w3-container w3-white">
                <p><b>Lecturas recomendadas</b></p>
                <p>El cuento del las altas capacidades en la escuela inclusiva. Els Marrameus del
carrer Verat Descarat.</p>
            </div>
        </div>
        <div class="w3-third w3-container w3-margin-bottom">
            <a href="https://mromagosa.blogspot.com/2021/09/montessori.html"><img
src="img/montesori.png" alt="Norway" style="width:100%" class="w3-hover-opacity"></a>
            <div class="w3-container w3-white">
                <p><b>métode montesori</b></p>
                <p>Aquí podreis recolectar informacion sobre las ventajas y desventajas de este
método así como la comparativa con otros métodos</p>
            </div>
        </div>
        <div class="w3-third w3-container">
            <a href="https://es.slideshare.net/psicologiabcn/altas-capacidades-9868758"><img
src='img/presentacion.png' alt="Norway" style="width:100%"
class="w3-hover-opacity"></a>
            <div class="w3-container w3-white">
                <p><b>Documentación y presentaciones</b></p>
                <p>Recursos i estratègies per ajudar als alumnes amb altes capacitats.</p>
            </div>
        </div>
    </div>

    <!-- Pagination -->


    <div class="w3-center w3-padding-32">
        <div class="w3-bar">
            <a href="index.html" class="w3-bar-item w3-button w3-hover-black">«</a>
            <a href="index.html" class="w3-bar-item w3-button w3-hover-black">1</a>
            <a href="#" class="w3-bar-item w3-black w3-button">2</a>
            <a href="videos.html" class="w3-bar-item w3-button w3-hover-black">3</a>
            <a href="#" class="w3-bar-item w3-button w3-hover-black">4</a>
            <a href="videos.html" class="w3-bar-item w3-button w3-hover-black">»</a>
        </div>
    </div>

    <!-- Images of Me -->


    <div class="w3-row-padding w3-padding-16" id="about">
        <div class="w3-col m6">
            <img src="img/7.png" alt="Me" style="width:100%">
        </div>
        <div class="w3-col m6">
            <img src="img/Montse.jpg" alt="Me" style="width:100%">
        </div>
    </div>

    <div class="w3-container w3-padding-large" style="margin-bottom:32px">


        <h4><b>About Me</b></h4>
        <p>Soy una profesional que le ofrece ayuda psicológica y emocional    para resolver los
conflictos internos y externos. El objetivo es comprenderse a si mismo y entender porque
siente y piensa así. Mi trabajo consiste en encontrar estratégias y soluciones para llegar a una
situación deseable y que se adapte a sus necesidades. Trabajo en un centro en donde ayudo a
personas a solucionar sus problemas y atiendo a sus necesidades. Les doy soporte psicológico
y emocional. Evito las terápias como metodologia. El diálogo y la reflexión forman el camino
para llegar a los objetivos deseables.</p>
        <hr>
    
        <h4>La nostre especialitzacio</h4>
        <!-- Progress bars / Skills -->
        <p>altes capacitats</p>
        <div class="w3-grey">
            <div class="w3-container w3-dark-grey w3-padding w3-center"
style="width:95%">95%</div>
        </div>
        <p>psicopedagogia</p>
        <div class="w3-grey">
            <div class="w3-container w3-dark-grey w3-padding w3-center"
style="width:85%">85%</div>
        </div>
        <p>habilitats socials</p>
        <div class="w3-grey">
            <div class="w3-container w3-dark-grey w3-padding w3-center"
style="width:80%">80%</div>
        </div>
        <p>
            <button class="w3-button w3-dark-grey w3-padding-large w3-margin-top w3-margin-
bottom">
                <i class="fa fa-download w3-margin-right"></i>Download Resume
            </button>
        </p>
        <hr>
    
        <h4>Programes</h4>
        <!-- Pricing Tables -->
        <div class="w3-row-padding" style="margin:0 -16px">
            <div class="w3-third w3-margin-bottom">
                <ul class="w3-ul w3-border w3-white w3-center w3-opacity w3-hover-opacity-off">
                    <li class="w3-black w3-xlarge w3-padding-32">Primera visita</li>
                    <li class="w3-padding-16">reconeixement</li>
                    <li class="w3-padding-16">1er analisis</li>
                    <li class="w3-padding-16">deteccio</li>
                    <li class="w3-padding-16">planificacio proximes visites</li>
                    <li class="w3-padding-16">
                        <h2>$ 50</h2>
                        <span class="w3-opacity">primer cop</span>
                    </li>
                    <li class="w3-light-grey w3-padding-24">
                        <button class="w3-button w3-teal w3-padding-large w3-hover-black">Sign
Up</button>
                    </li>
                </ul>
            </div>
      
            <div class="w3-third w3-margin-bottom">
                <ul class="w3-ul w3-border w3-white w3-center w3-opacity w3-hover-opacity-off">
                    <li class="w3-teal w3-xlarge w3-padding-32">tractament</li>
                    <li class="w3-padding-16">seguiment</li>
                    <li class="w3-padding-16">millora</li>
                    <li class="w3-padding-16">adecuacio</li>
                    <li class="w3-padding-16">nous analisis</li>
                    <li class="w3-padding-16">
                        <h2>$ 40</h2>
                        <span class="w3-opacity">per visita</span>
                    </li>
                    <li class="w3-light-grey w3-padding-24">
                        <button class="w3-button w3-teal w3-padding-large w3-hover-black">Sign
Up</button>
                    </li>
                </ul>
            </div>
      
            <div class="w3-third">
                <ul class="w3-ul w3-border w3-white w3-center w3-opacity w3-hover-opacity-off">
                    <li class="w3-black w3-xlarge w3-padding-32">Proves oficials</li>
                    <li class="w3-padding-16">ponderacio IQ</li>
                    <li class="w3-padding-16">identificacio del posible trastorn</li>
                    <li class="w3-padding-16">punts debils de millora</li>
                    <li class="w3-padding-16">punts forts a reforcar</li>
                    <li class="w3-padding-16">
                        <h2>$ 225</h2>
                        <span class="w3-opacity">la proba</span>
                    </li>
                    <li class="w3-light-grey w3-padding-24">
                        <button class="w3-button w3-teal w3-padding-large w3-hover-black">Sign
Up</button>
                    </li>
                </ul>
            </div>
        </div>
    </div>
  
    <!-- Contact Section -->
    <div class="w3-container w3-padding-large w3-grey">
        <h4 id="contact"><b>Contact Me</b></h4>
        <div class="w3-row-padding w3-center w3-padding-24" style="margin:0 -16px">
            <div class="w3-third w3-dark-grey">
                <p><i class="fa fa-envelope w3-xxlarge w3-text-light-grey"></i></p>
                <p>psicologiabcn@gmail.com</p>
            </div>
            <div class="w3-third w3-teal">
                <p><i class="fa fa-map-marker w3-xxlarge w3-text-light-grey"></i></p>
                <p>Barcelona, ES</p>
            </div>
            <div class="w3-third w3-dark-grey">
                <p><i class="fa fa-phone w3-xxlarge w3-text-light-grey"></i></p>
                <p>607 345 540</p>
            </div>
        </div>
        <hr class="w3-opacity">
        <form action="/action_page.php" target="_blank">
            <div class="w3-section">
                <label>Name</label>
                <input class="w3-input w3-border" type="text" name="Name" required>
            </div>
            <div class="w3-section">
                <label>Email</label>
                <input class="w3-input w3-border" type="text" name="Email" required>
            </div>
            <div class="w3-section">
                <label>Message</label>
                <input class="w3-input w3-border" type="text" name="Message" required>
            </div>
            <button type="submit" class="w3-button w3-black w3-margin-bottom"><i class="fa
fa-paper-plane w3-margin-right"></i>Send Message</button>
        </form>
    </div>

    <!-- Footer -->


    <footer class="w3-container w3-padding-32 w3-dark-grey">
    <div class="w3-row-padding">
        <div class="w3-third">
            <h3>FOOTER</h3>
            <p>Praesent tincidunt sed tellus ut rutrum. Sed vitae justo condimentum, porta lectus
vitae, ultricies congue gravida diam non fringilla.</p>
            <p>Powered by <a href="https://www.w3schools.com/w3css/default.asp"
target="_blank">w3.css</a></p>
        </div>
  
        <div class="w3-third">
            <h3>BLOG POSTS</h3>
            <ul class="w3-ul w3-hoverable">
                <li class="w3-padding-16">
                    <img src="/w3images/workshop.jpg" class="w3-left w3-margin-right"
style="width:50px">
                    <span class="w3-large">Lorem</span><br>
                    <span>Sed mattis nunc</span>
                </li>
                <li class="w3-padding-16">
                    <img src="/w3images/gondol.jpg" class="w3-left w3-margin-right"
style="width:50px">
                    <span class="w3-large">Ipsum</span><br>
                    <span>Praes tinci sed</span>
                </li>
            </ul>
        </div>

        <div class="w3-third">
            <h3>POPULAR TAGS</h3>
            <p>
                <span class="w3-tag w3-black w3-margin-bottom">Travel</span> <span
class="w3-tag w3-grey w3-small w3-margin-bottom">New York</span> <span class="w3-
tag w3-grey w3-small w3-margin-bottom">London</span>
                <span class="w3-tag w3-grey w3-small w3-margin-bottom">IKEA</span> <span
class="w3-tag w3-grey w3-small w3-margin-bottom">NORWAY</span> <span class="w3-
tag w3-grey w3-small w3-margin-bottom">DIY</span>
                <span class="w3-tag w3-grey w3-small w3-margin-bottom">Ideas</span> <span
class="w3-tag w3-grey w3-small w3-margin-bottom">Baby</span> <span class="w3-tag
w3-grey w3-small w3-margin-bottom">Family</span>
                <span class="w3-tag w3-grey w3-small w3-margin-bottom">News</span> <span
class="w3-tag w3-grey w3-small w3-margin-bottom">Clothing</span> <span class="w3-tag
w3-grey w3-small w3-margin-bottom">Shopping</span>
                <span class="w3-tag w3-grey w3-small w3-margin-bottom">Sports</span> <span
class="w3-tag w3-grey w3-small w3-margin-bottom">Games</span>
            </p>
        </div>

    </div>
    </footer>
  
    <div class="w3-black w3-center w3-padding-24">Powered by <a
href="https://www.w3schools.com/w3css/default.asp" title="W3.CSS" target="_blank"
class="w3-hover-opacity">w3.css</a></div>

<!-- End page content -->


</div>

<script>
// Script to open and close sidebar
function w3_open() {
        document.getElementById("mySidebar").style.display = "block";
        document.getElementById("myOverlay").style.display = "block";
}

function w3_close() {
        document.getElementById("mySidebar").style.display = "none";
        document.getElementById("myOverlay").style.display = "none";
}
</script>

</body>
</html>

Vous aimerez peut-être aussi