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 { Card, Container, Row, Col } from 'react-bootstrap';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faChalkboardTeacher, faTheaterMasks, faLaptop } from '@fortawesome/free-solid-svg-icons';
import React from "react";
import { Card, Container, Row, Col } from "react-bootstrap";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import {
faChalkboardTeacher,
faTheaterMasks,
faLaptop,
} from "@fortawesome/free-solid-svg-icons";
const Services = () => (
<Container className="text-center">
<Row className="justify-content-around p-3 d-flex justify-content-between">
<Card style={{ width: '18rem' }}>
<Card style={{ width: "18rem" }}>
<Card.Body>
<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.Body>
</Card>
<Card style={{ width: '18rem' }}>
<Card style={{ width: "18rem" }}>
<Card.Body>
<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.Body>
</Card>
<Card style={{ width: '18rem' }}>
<Card style={{ width: "18rem" }}>
<Card.Body>
<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.Body>
</Card>
</Row>
<Row>
<Col xs={12} md={12} lg={12} className="text-center">
<Container 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> 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>
<Col xs={12} md={12} lg={12} className="text-center">
<Container
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>
</Col>
</Row>
pages/index.js
+7 -5
View File
@@ -10,8 +10,8 @@ export default function Home() {
<>
<Head>
<title>
LOOP44 | nel centro di Matera uno spazio per coworking,
collaborazione, cultura
LOOP44 | nel centro di Matera uno spazio per progetti, cultura,
comunit&agrave;
</title>
<link
rel="stylesheet"
@@ -57,7 +57,9 @@ export default function Home() {
style={{ margin: "10px", paddingTop: "20px", width: "200px" }}
fluid
/>
<Container style={{ backgroundColor: "rgba(255,255,255,0.3)", width:300}}>
<Container
style={{ backgroundColor: "rgba(255,255,255,0.3)", width: 300 }}
>
<h1
style={{
textAlign: "center",
@@ -65,7 +67,7 @@ export default function Home() {
color: "#363636ff",
width: "100%",
fontWeight: 400,
marginBottom:40
marginBottom: 40,
}}
>
L O O P 4 4
@@ -80,7 +82,7 @@ marginBottom:40
<Services></Services>
<Container style={{ padding: 15 }}>
<iframe
style={{border:"1px solid black",marginTop: 20 }}
style={{ border: "1px solid black", marginTop: 20 }}
width="100%"
height="250"
loading="lazy"