ydeng/csc309-team58
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Changed carousel images to larger images and restyled.

Browse Source
This commit is contained in:
Harrison Deng
2022-04-05 01:00:25 -05:00
parent dd6dc787e9
commit 8464c4debc
7 changed files with 9 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
sports-matcher/client/src/components/HomeCarousel.js
View File

@@ -1,18 +1,17 @@
import React from "react";
import { Carousel } from "react-bootstrap";
import "../styles/HomeCarousel.css";
export default class HomeCarousel extends React.Component{
export default class HomeCarousel extends React.Component {
constructor(props) {
super(props);
}
render() {
return (
<Carousel>
<Carousel className="jumbotron" variant="light">
<Carousel.Item>
<img
src='https://www.allanpanthera.com/wp-content/uploads/elementor/thumbs/79377445_m-o6r0ydib97moj7m7zg58w32qirim121wxt2i8thqyg.jpg'
className="d-block w-100"
src='/images/volleyball_normalized.jpg'
alt="Connect Slide"
style={{ height: "300px", width: "2000px"}}
/>
<Carousel.Caption>
<div className="captionStyle">
@@ -23,9 +22,9 @@ export default class HomeCarousel extends React.Component{
</Carousel.Item>
<Carousel.Item>
<img
src='http://cpadollard.com/wp-content/uploads/2018/01/cpa-dollard-fsc-banner-calendar_2000x300.jpg'
className="d-block w-100"
src='/images/basketball_normalized.jpg'
alt="Schedule Slide"
style={{ height: "300px", width: "2000px" }}
/>
<Carousel.Caption>
<div className="captionStyle">
@@ -36,9 +35,9 @@ export default class HomeCarousel extends React.Component{
</Carousel.Item>
<Carousel.Item>
<img
src='https://tadvantagesites-com.cdn-convertus.com/uploads/sites/288/2019/07/Generic-Personal-Watercraft-3.jpg'
src='/images/tennis_normalized.jpg'
alt="Rent Slide"
style={{ height: "300px", width: "2000px" }}
className="d-block w-100"
/>
<Carousel.Caption>
<div className="captionStyle">