This commit is contained in:
enne2
2023-02-06 16:24:01 +01:00
parent a5a94756b6
commit 62873bd0cf
9 changed files with 118 additions and 73 deletions
+3 -3
View File
@@ -5,15 +5,15 @@ import { faChalkboardTeacher, faTheaterMasks, faLaptop } from '@fortawesome/free
const Services = () => (
<Container className="text-center">
<Row className="justify-content-around p-3">
<Card style={{ width: '18rem', marginRight: "20px" }}>
<Row className="justify-content-around p-3 d-flex justify-content-between">
<Card style={{ width: '18rem' }}>
<Card.Body>
<Card.Title className="text-black">
<FontAwesomeIcon icon={faLaptop} className="text-center" size="lg"/><br/>Coworking
</Card.Title>
</Card.Body>
</Card>
<Card style={{ width: '18rem', marginRight: "20px" }}>
<Card style={{ width: '18rem' }}>
<Card.Body>
<Card.Title className="text-black">
<FontAwesomeIcon icon={faTheaterMasks} className="text-center" size="lg"/><br/>Eventi Culturali
+35 -15
View File
@@ -4,26 +4,46 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import {
faFacebook,
faInstagram,
faLinkedin
faLinkedin,
} from "@fortawesome/free-brands-svg-icons";
import { faEnvelope } from "@fortawesome/free-solid-svg-icons";
const SocialIcons = () => (
<Container>
<Row className="justify-content-center"z>
<Container className="text-center">
<Row>
<Col xs={12} md={12} lg={12} className="text-center">
<Container style={{backgroundColor: "black", padding: "20px", marginTop:"20px" }}>
<a href="#" style={{ marginRight: "20px" }}>
<FontAwesomeIcon icon={faFacebook} size="2x" style={{ color: "white" }} />
</a>
<a href="#" style={{ marginRight: "20px" }}>
<FontAwesomeIcon icon={faInstagram} size="2x" style={{ color: "white" }} />
</a>
<a href="mailto:email@example.com">
<FontAwesomeIcon icon={faEnvelope} size="2x" style={{ color: "white" }} />
</a>
</Container>
<Row
className="justify-content-center"
style={{backgroundColor: "black", padding: "20px", color: "white" }}
>
<Col xs={4} md={4} lg={4} className="text-center">
<a href="#">
<FontAwesomeIcon
icon={faFacebook}
size="0.5x"
style={{ color: "white" }}
/>
</a>
</Col>
<Col xs={4} md={4} lg={4} className="text-center">
<a href="#">
<FontAwesomeIcon
icon={faInstagram}
size="1x"
style={{ color: "white" }}
/>
</a>
</Col>
<Col xs={4} md={4} lg={4} className="text-center">
<a href="mailto:info@loop44.it">
<FontAwesomeIcon
icon={faEnvelope}
size="1x"
style={{ color: "white" }}
/>
</a>
</Col>
</Row>
</Col>
</Row>
</Container>