enne2/loop-44
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

m

Browse Source
This commit is contained in:
enne2
2023-05-14 17:27:13 +02:00
parent f26345620a
commit 775bc1a020
2 changed files with 62 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/services.js
+55 -13
View File
@@ -1,37 +1,79 @@
import React from 'react'; import React from "react";
import { Card, Container, Row, Col } from 'react-bootstrap'; import { Card, Container, Row, Col } from "react-bootstrap";
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faChalkboardTeacher, faTheaterMasks, faLaptop } from '@fortawesome/free-solid-svg-icons'; import {
faChalkboardTeacher,
faTheaterMasks,
faLaptop,
} from "@fortawesome/free-solid-svg-icons";
const Services = () => ( const Services = () => (
<Container className="text-center"> <Container className="text-center">
<Row className="justify-content-around p-3 d-flex justify-content-between"> <Row className="justify-content-around p-3 d-flex justify-content-between">
<Card style={{ width: '18rem' }}> <Card style={{ width: "18rem" }}>
<Card.Body> <Card.Body>
<Card.Title className="text-black"> <Card.Title className="text-black">
<FontAwesomeIcon icon={faLaptop} className="text-center" size="lg"/><br/>Coworking <FontAwesomeIcon
icon={faLaptop}
className="text-center"
size="lg"
/>
<br />
Progetti
</Card.Title> </Card.Title>
</Card.Body> </Card.Body>
</Card> </Card>
<Card style={{ width: '18rem' }}> <Card style={{ width: "18rem" }}>
<Card.Body> <Card.Body>
<Card.Title className="text-black"> <Card.Title className="text-black">
<FontAwesomeIcon icon={faTheaterMasks} className="text-center" size="lg"/><br/>Eventi Culturali <FontAwesomeIcon
icon={faTheaterMasks}
className="text-center"
size="lg"
/>
<br />
Cultura
</Card.Title> </Card.Title>
</Card.Body> </Card.Body>
</Card> </Card>
<Card style={{ width: '18rem' }}> <Card style={{ width: "18rem" }}>
<Card.Body> <Card.Body>
<Card.Title className="text-black"> <Card.Title className="text-black">
<FontAwesomeIcon icon={faChalkboardTeacher} className="text-center" size="lg"/><br/>Corsi <FontAwesomeIcon
icon={faChalkboardTeacher}
className="text-center"
size="lg"
/>
<br />
Comunità
</Card.Title> </Card.Title>
</Card.Body> </Card.Body>
</Card> </Card>
</Row> </Row>
<Row> <Row>
<Col xs={12} md={12} lg={12} className="text-center"> <Col xs={12} md={12} lg={12} className="text-center">
<Container style={{backgroundColor: "black", padding: "20px", marginTop:"20px", color: "white" }}> <Container
<h5><b>Loop44</b>, è un luogo di collaborazione, aggregazione, lavoro e crescita. <br/><br/>In pieno centro a <b>Matera</b> questo spazio versatile offre un ambiente di coworking dinamico, una cornice ideale per eventi culturali e un luogo di incontro per i curiosi della tecnologia.<br/><br/> Unisci la tua passione con la community e scopri infinite opportunità di crescita e ispirazione.</h5> style={{
backgroundColor: "black",
padding: "20px",
marginTop: "20px",
color: "white",
}}
>
<h5>
<b>Loop44</b>, è un luogo di collaborazione, aggregazione, lavoro e
crescita. <br />
<br />
In pieno centro a <b>Matera</b> LOOP44 è un'associazione, uno spazio
fisico condiviso, per contagiare le conoscenze le competenze,
promuovere una visione di progresso e innovazione condivisa e umana,
ospitare e sostenere le iniziative che vogliono potenziare e far
crescere la nostra città e, soprattutto, chi la abita. Soprattutto
aiutarci ad essere di impatto
<br />
<br /> Entra nel LOOP44, unisci la tua passione, scopri infinite
opportunità di crescita e ispirazione.
</h5>
</Container> </Container>
</Col> </Col>
</Row> </Row>
pages/index.js
+7 -5
View File
@@ -10,8 +10,8 @@ export default function Home() {
<> <>
<Head> <Head>
<title> <title>
LOOP44 | nel centro di Matera uno spazio per coworking, LOOP44 | nel centro di Matera uno spazio per progetti, cultura,
collaborazione, cultura comunit&agrave;
</title> </title>
<link <link
rel="stylesheet" rel="stylesheet"
@@ -57,7 +57,9 @@ export default function Home() {
style={{ margin: "10px", paddingTop: "20px", width: "200px" }} style={{ margin: "10px", paddingTop: "20px", width: "200px" }}
fluid fluid
/> />
<Container style={{ backgroundColor: "rgba(255,255,255,0.3)", width:300}}> <Container
style={{ backgroundColor: "rgba(255,255,255,0.3)", width: 300 }}
>
<h1 <h1
style={{ style={{
textAlign: "center", textAlign: "center",
@@ -65,7 +67,7 @@ export default function Home() {
color: "#363636ff", color: "#363636ff",
width: "100%", width: "100%",
fontWeight: 400, fontWeight: 400,
marginBottom:40 marginBottom: 40,
}} }}
> >
L O O P 4 4 L O O P 4 4
@@ -80,7 +82,7 @@ marginBottom:40
<Services></Services> <Services></Services>
<Container style={{ padding: 15 }}> <Container style={{ padding: 15 }}>
<iframe <iframe
style={{border:"1px solid black",marginTop: 20 }} style={{ border: "1px solid black", marginTop: 20 }}
width="100%" width="100%"
height="250" height="250"
loading="lazy" loading="lazy"