-
+import React, {useState} from 'react';
+
+
+const ScrollArrow = () =>{
+
+ const [showScroll, setShowScroll] = useState(false)
+
+ const checkScrollTop = () => {
+ if (!showScroll && window.pageYOffset > 400){
+ setShowScroll(true)
+ } else if (showScroll && window.pageYOffset <= 400){
+ setShowScroll(false)
+ }
+ };
+
+ const scrollTop = () =>{
+ window.scrollTo({top: 0, behavior: 'smooth'});
+ };
+
+ window.addEventListener('scroll', checkScrollTop)
+
+ return (
+
-
-
-
-
+
- ) }
+ );
}
-export default Backtotop;
\ No newline at end of file
+export default ScrollArrow;
\ No newline at end of file
diff --git a/src/Components/bottomwrap.tsx b/src/Components/bottomwrap.tsx
index 1fcea68..a764495 100644
--- a/src/Components/bottomwrap.tsx
+++ b/src/Components/bottomwrap.tsx
@@ -8,11 +8,12 @@ class Bottomwrap extends React.Component {
return(
-
+
+
+ Enlaces de Interés
+
-
-
@@ -60,7 +61,7 @@ class BottomwrapElement extends React.Component
-
+
diff --git a/src/Components/copyrightwrap.tsx b/src/Components/copyrightwrap.tsx
index 5f42e7a..96c027c 100644
--- a/src/Components/copyrightwrap.tsx
+++ b/src/Components/copyrightwrap.tsx
@@ -4,54 +4,14 @@ class Copyrightwrap extends React.Component {
public render () {
return(
-
+
) }
diff --git a/src/Components/footerwrap.tsx b/src/Components/footerwrap.tsx
index a32ef57..c65310b 100644
--- a/src/Components/footerwrap.tsx
+++ b/src/Components/footerwrap.tsx
@@ -1,18 +1,43 @@
import React from 'react'
+import footerLogo from '../Inicio_files/footerLogo.png'
class Footerwrap extends React.Component {
public render () {
return(
-
+
-
diff --git a/src/Components/jobComponent.tsx b/src/Components/jobComponent.tsx
new file mode 100644
index 0000000..d426331
--- /dev/null
+++ b/src/Components/jobComponent.tsx
@@ -0,0 +1,22 @@
+import React from 'react'
+import {Jumbotron, Button} from 'react-bootstrap'
+import imgJumbotron from '../Inicio_files/jumbotron.jpg'
+class JobComponent extends React.Component {
+ public render () {
+
+ return(
+ {
+ constructor(props: INBProps){
+ super(props);
+ this.state = {
+
+ }
+ }
+
+
+ public render () {
return(
-
+
+ 
+
+
+
+
+
+
+
) }
}
-export default Navbar;
\ No newline at end of file
+export default NB;
\ No newline at end of file
diff --git a/src/Components/news.tsx b/src/Components/news.tsx
new file mode 100644
index 0000000..f38df9b
--- /dev/null
+++ b/src/Components/news.tsx
@@ -0,0 +1,95 @@
+import React from 'react'
+import { Card } from 'react-bootstrap'
+
+import Slider from "react-slick";
+
+
+class Testcards extends React.Component {
+ public render () {
+ var settings = {
+ dots: true,
+ infinite: true,
+ speed: 500,
+ slidesToShow: 3,
+ slidesToScroll: 1
+ };
+ return(
+ {
+ constructor(props: INewsCardProps){
+ super(props);
+ this.state = {body: this.props.body, title: this.props.title, img: this.props.img, url: this.props.url}
+ }
+
+ public render() {
+ return (
+
+
+
+ {this.state.title}
+
+ {this.state.body}
+
+
+
+ Abrir noticia
+
+
+
+ );
+ }
+}
+export default Testcards;
\ No newline at end of file
diff --git a/src/Components/newsshow.tsx b/src/Components/newsshow.tsx
index 677e5dc..2a411a5 100644
--- a/src/Components/newsshow.tsx
+++ b/src/Components/newsshow.tsx
@@ -1,54 +1,110 @@
import React from 'react'
-import MainButton from './mainButton'
+import { Card } from 'react-bootstrap'
+
+import Slider from "react-slick";
+
+interface INewsProps {
+ width: number,
+
+}
+class Newsshow extends React.Component {
+
+ public render () {
+ var settings;
+ if(this.props.width > 1089){
+ settings = {
+ dots: true,
+ infinite: true,
+ speed: 500,
+ slidesToShow: 3,
+ slidesToScroll: 1
+ };
+ } else {
+ settings = {
+ dots: true,
+ infinite: true,
+ speed: 500,
+ slidesToShow: 1,
+ slidesToScroll: 1
+ };
+ }
-class Newsshow extends React.Component {
- public render () {
-
return(
- {
- constructor(props: INewsLineProps){
+class NewsCard extends React.Component {
+ constructor(props: INewsCardProps){
super(props);
- this.state = {datetime: this.props.datetime, title: this.props.title, link: this.props.link}
+ this.state = {body: this.props.body, title: this.props.title, img: this.props.img, url: this.props.url}
}
public render() {
return (
-
-
- {this.state.datetime}
- {this.state.title} -
+
+
+
+ {this.state.title}
+
+ {this.state.body}
+
+
+
+ Abrir noticia
+
+
+
);
}
}
diff --git a/src/Components/setWindowDimensions.tsx b/src/Components/setWindowDimensions.tsx
new file mode 100644
index 0000000..d7f3a20
--- /dev/null
+++ b/src/Components/setWindowDimensions.tsx
@@ -0,0 +1,24 @@
+import { useState, useEffect } from 'react';
+
+function getWindowDimensions() {
+ const { innerWidth: width, innerHeight: height } = window;
+ return {
+ width,
+ height
+ };
+}
+
+export default function useWindowDimensions() {
+ const [windowDimensions, setWindowDimensions] = useState(getWindowDimensions());
+
+ useEffect(() => {
+ function handleResize() {
+ setWindowDimensions(getWindowDimensions());
+ }
+
+ window.addEventListener('resize', handleResize);
+ return () => window.removeEventListener('resize', handleResize);
+ }, []);
+
+ return windowDimensions;
+}
\ No newline at end of file
diff --git a/src/Components/slideshow.tsx b/src/Components/slideshow.tsx
index 6a730ec..84d02b5 100644
--- a/src/Components/slideshow.tsx
+++ b/src/Components/slideshow.tsx
@@ -1,34 +1,70 @@
import React from 'react'
-import img_slideshow from '../Inicio_files/1e789ab5ed9db256034022488621a459.png'
+import img1 from '../Inicio_files/escuela.jpg'
+import img2 from '../Inicio_files/est-grados-master.jpg'
+import img3 from '../Inicio_files/ETSII_Sevillajpg.jpg'
+import img4 from '../Inicio_files/US001.jpg'
+import { Carousel } from 'react-bootstrap';
class Slideshow extends React.Component {
public render () {
return(
-
+
+
+
diff --git a/src/Components/header.tsx b/src/Components/header.tsx
index ad877a5..49076f8 100644
--- a/src/Components/header.tsx
+++ b/src/Components/header.tsx
@@ -1,6 +1,7 @@
import React from 'react'
import etsiilogo from '../Inicio_files/logo-etsii251.png'
import uslogo from '../Inicio_files/logo-us49.png'
+import { Button, DropdownButton, Dropdown } from 'react-bootstrap';
class Header extends React.Component {
public render () {
@@ -9,7 +10,7 @@ class Header extends React.Component {
-
+
-
+ Escuela Técnica Superior de Ingeniería Informática - Universidad de Sevilla
Av. Reina Mercedes s/n, 41012 Sevilla - tlfno +(34) 954556817
Our themes are licensed under the GPLv3. FAVOURITE can be used for personal or commercial use on unlimited personal or commercial websites.
- */}
+ 
+
-
+
+
+
+
+
+
+
+
+
+
+
+ Buscar
+ Noticias
+ Directorio
+ Tablón de anuncios
+ Mapa del sitio
+
+
+
+
+
+
+
+
+ ) }
+}
+
+export default JobComponent;
\ No newline at end of file
diff --git a/src/Components/navbar.tsx b/src/Components/navbar.tsx
index 8fe7221..cbf7ede 100644
--- a/src/Components/navbar.tsx
+++ b/src/Components/navbar.tsx
@@ -1,27 +1,49 @@
import React from 'react'
+import { Navbar, Nav, Button } from 'react-bootstrap'
+import etsiilogo from '../Inicio_files/logotest.png'
-class Navbar extends React.Component {
- public render () {
+interface INBProps {
+collapsed: boolean
+onButtonClick: (collapsed: boolean) => any;
+
+}
+
+interface INBState {
+}
+
+class NB extends React.ComponentOfertas de empleo
++ Con nuestras ferias de prácticas y contactos en empresas, podemos posicionar a nuestros alumnos y egresados en empresas del más alto nivel. ¡No pierdas la oportunidad! +
++ +
+
-
+
-
-
-
+
) }
+}
+
+interface INewsCardProps {
+ body: string,
+ title: string,
+ img: string,
+ url: string
+
+
+
+}
+
+interface INewsCardState {
+ body: string,
+ title: string,
+ img: string,
+ url: string
+
+}
+
+class NewsCard extends React.Component
+
+ Últimas Noticias
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
- ) }
+ Últimas Noticias
-
-
+
) }
}
-interface INewsLineProps {
- datetime: string,
+interface INewsCardProps {
+ body: string,
title: string,
- link: string,
+ img: string,
+ url: string
}
-interface INewsLineState {
- datetime: string,
+interface INewsCardState {
+ body: string,
title: string,
- link: string,
+ img: string,
+ url: string
}
-class NewsLine extends React.Component
+
+ Últimas Noticias
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - {this.state.title} -
-
+
+
+
+
) }
}
-export default Slideshow;
\ No newline at end of file
+export default Slideshow;
diff --git a/src/Components/slidewrap.tsx b/src/Components/slidewrap.tsx
index 772c9c8..80ac1e4 100644
--- a/src/Components/slidewrap.tsx
+++ b/src/Components/slidewrap.tsx
@@ -1,6 +1,5 @@
import React from 'react'
import Slideshow from './slideshow'
-import Newsshow from './newsshow'
class Slidewrap extends React.Component {
public render () {
@@ -11,7 +10,6 @@ class Slidewrap extends React.Component {
-
-
-
-
+
+ 
+
+
+ 
+
+
+
+
+
+ 
-
+
+
+
+
+
+ 
-
+
+
+
-
+
+ 
-
¡Bienvenido a la ETSII!
+Navega por la web para encontrar lo que buscas.
+
-
-
-
-
+ Estudios de Grado y Postgrado
+
-
+ Ofertas de Empleo
+
-
+
-
- - 0
.png)
- 1
.png)
- 2
- 3
- 4
