46 lines
1.5 KiB
JavaScript
46 lines
1.5 KiB
JavaScript
|
||
|
||
const Card = ({city}) => {
|
||
return (
|
||
<div style={{
|
||
height: 257,
|
||
width: '100%',
|
||
display: 'flex',
|
||
justifyContent: 'center',
|
||
alignItems: 'center',
|
||
backgroundImage: '',
|
||
}}>
|
||
<div style={{
|
||
height: 179,
|
||
width: 371,
|
||
display: 'flex',
|
||
flexDirection: 'column',
|
||
justifyContent: 'space-evenly',
|
||
alignItems: 'center',
|
||
}}>
|
||
<span style={{
|
||
color: '#000',
|
||
fontSize: 20,
|
||
fontWeight: 700
|
||
}}>Туристическая карта г.{city}</span>
|
||
<span style={{
|
||
display: 'flex',
|
||
flexDirection: 'column',
|
||
alignItems: 'center',
|
||
}}>Приехали в город? <p>Узнай, где выгоднее остановиться, куда</p> <p>сходить и что посмотреть</p></span>
|
||
<button style={{
|
||
width: 240,
|
||
height: 46,
|
||
backgroundColor: '#4B60AE',
|
||
borderRadius: 10,
|
||
color: '#fff',
|
||
fontSize: 16,
|
||
fontWeight: 400,
|
||
border: 'none'
|
||
}}>Построить маршрут</button>
|
||
</div>
|
||
</div>
|
||
);
|
||
}
|
||
|
||
export default Card; |