@extends('layouts.app')
@section('htmlheader_title') Dashboard @endsection
@section('contentheader_title') Dashboard @endsection
@section('contentheader_description') Organisation Overview @endsection
@section('main-content')
<link rel="stylesheet" type="text/css" href="{{asset('/la-assets/css/styles.css')}}">
<img width="100%" alt="bannerinicio" src="{{ asset('/la-assets/newimg/depositphotos_24609857-stock-photo-solar-panels.jpg')}}">
<div class="txtbanner">
    <section><p>Somos un Fideicomiso sin fines de lucro y que desde 1990 a la fecha ha apoyado y actuado con profesionalismo y responsabilidad en beneficio de la comunidad</p></section>
    <h4>PRE-CALIFICATE</h4>
</div>
<div class="bginicio">
<div class="historia"><div class="center">
    <section><img alt="bannerinicio" src="{{ asset('/la-assets/newimg/foto-historia-u1135-fr.jpg')}}"></section>
    <div>
        <h3>NUESTRA<br><span>HISTORIA</span></h3>
        <h4 class="line"></h4>
        <p>El Fideicomiso 728 FIPATERM surge en Mexicali, B.C., como consecuencia de las demandas de la población por las altas facturaciones de energía eléctrica, implementando el Gobierno Federal el “Programa de Apoyo a la Economía Familiar y de Ahorro de Energía Eléctrica para Mexicali”, programa que dio vigencia a 7 acciones, el cual contempla el Aislamiento Térmico de 25,000 viviendas a través del Fideicomiso 728 FIPATERM, para fortalecer la economía familiar disminuyendo los pagos por consumo de energía eléctrica, cantidad de viviendas que debían de atenderse en un tiempo de cuatro años</p>
        <h3>NUESTRA<br><span>MISIÓN</span></h3>
        <h4 class="line"></h4>
        <p>El Fideicomiso 728 FIPATERM surge en Mexicali, B.C., como consecuencia de las demandas de la población por las altas facturaciones de energía eléctrica, implementando el Gobierno Federal el “Programa de Apoyo a la Economía Familiar y de Ahorro de Energía Eléctrica para Mexicali”, programa que dio vigencia a 7 acciones, el cual contempla el Aislamiento Térmico de 25,000 viviendas a través del Fideicomiso 728 FIPATERM, para fortalecer la economía familiar disminuyendo los pagos por consumo de energía eléctrica, cantidad de viviendas que debían de atenderse en un tiempo de cuatro años</p>
    </div>
</div></div>
<img alt="bannerinicio" class="tiempo" src="{{ asset('/la-assets/newimg/timeline.png')}}">
</div>
<div class="inpro">
    <section>
        <p class="menutggle">BOTON 1</p>
        <p class="menutggle">BOTON 2</p>
        <p class="menutggle">BOTON 3</p>
        <p class="menutggle">BOTON 4</p>
        <p class="menutggle">BOTON 5</p>
        <p class="menutggle">BOTON 6</p>
        <p class="menutggle">BOTON 7</p>
    </section>
    <aside>
        <div class="tggle">
            <img alt="fotovoltaico" src="{{ asset('/la-assets/newimg/svg pegado 30231x30_poster_.png')}}">
            <h3>SISTEMA FOTOVOLTAICO</h3>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
            <h4>PRE-CALIFICATE</h4>
        </div>
        <div class="tggle">
            <img alt="fotovoltaico" src="{{ asset('/la-assets/newimg/svg pegado 30231x30_poster_.png')}}">
            <h3>SISTEMA FOTOVOLTAICO</h3>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
            <h4>PRE-CALIFICATE</h4>
        </div>
        <div class="tggle">
            <img alt="fotovoltaico" src="{{ asset('/la-assets/newimg/svg pegado 30231x30_poster_.png')}}">
            <h3>SISTEMA FOTOVOLTAICO</h3>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
            <h4>PRE-CALIFICATE</h4>
        </div>
        <div class="tggle">
            <img alt="fotovoltaico" src="{{ asset('/la-assets/newimg/svg pegado 30231x30_poster_.png')}}">
            <h3>SISTEMA FOTOVOLTAICO</h3>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
            <h4>PRE-CALIFICATE</h4>
        </div>
        <div class="tggle">
            <img alt="fotovoltaico" src="{{ asset('/la-assets/newimg/svg pegado 30231x30_poster_.png')}}">
            <h3>SISTEMA FOTOVOLTAICO</h3>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
            <h4>PRE-CALIFICATE</h4>
        </div>
        <div class="tggle">
            <img alt="fotovoltaico" src="{{ asset('/la-assets/newimg/svg pegado 30231x30_poster_.png')}}">
            <h3>SISTEMA FOTOVOLTAICO</h3>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
            <h4>PRE-CALIFICATE</h4>
        </div>
        <div class="tggle">
            <img alt="fotovoltaico" src="{{ asset('/la-assets/newimg/svg pegado 30231x30_poster_.png')}}">
            <h3>SISTEMA FOTOVOLTAICO</h3>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
            <h4>PRE-CALIFICATE</h4>
        </div>
    </aside>
</div>
<div class="parallaxin"></div>
@endsection
@push('scripts')
<script>
$(document).ready(function() {
    $('.bxslider').bxSlider({
        auto: true
    });
});
$(document).ready(function(){
	tgle=0;
	$('.menutggle').each(function(index) {
		$(this).attr('onClick', "javascript:slideonlyone('"+tgle+"');");
        $(this).attr('id', "push"+tgle);
		tgle++;
	});
	tgle=0;
	$('.tggle').each(function(index) {
		$(this).attr('data', tgle);
		tgle++;
	});
    slideonlyone(0);
});
function slideonlyone(one) {
	$('.tggle').not('[data="'+one+'"]').slideUp();
	$('[data="'+one+'"]').slideDown();
    $('.menutggle').css({"background": "","width": ""});
    $('#push'+one).css({"background": "#39B54A","width": "110%"});
}
</script>
@endpush