summaryrefslogtreecommitdiff
path: root/src/components/Schedule.tsx
blob: 08b10e2deae893fc63b690a75d81d21d06dec89c (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
import React from 'react';
import { Container, Paper } from '@mui/material';
import PlaceIcon from '@mui/icons-material/Place';

function Schedule() {
  return (
    <Container
      maxWidth="md"
      style={{
        top: '1800',
        display: 'flex',
        justifyContent: 'center',
      }}
    >
      <Paper
        elevation={3}
        style={{
          height: '50%',
          width: '100%',
          display: 'flex',
          flexDirection: 'column',
          alignItems: 'center',
        }}
      >
        <div
          style={{
            height: '100%',
            width: '80%',
            display: 'flex',
            flexDirection: 'column',
            justifyContent: 'center',
          }}
        >
          <div
            style={{
              height: '100%',
              width: '100%',
              display: 'flex',
              alignItems: 'center',
            }}
          >
            <div style={{ width: '35%' }}>
              <h2>2:00 PM</h2>
            </div>
            <div style={{ width: '65%' }}>
              <h2>Ceremony</h2>
              <h3>
                Divine Shepherd
                <br />
                <a
                  href="https://maps.app.goo.gl/dGWvmjPiVjNGBVkZ9"
                  style={{ color: 'inherit', textDecoration: 'none' }}
                >
                  15005 Q St, Omaha, NE 68137
                  <PlaceIcon />
                </a>
              </h3>
            </div>
          </div>
          <hr style={{ width: '100%' }} />
          <div
            style={{
              height: '100%',
              width: '100%',
              display: 'flex',
              alignItems: 'center',
            }}
          >
            <div style={{ width: '35%' }}>
              <h2>4:00 PM</h2>
            </div>
            <div style={{ width: '65%' }}>
              <h2>Reception</h2>
              <h3>
                A Venue on the Ridge
                <br />
                <a
                  href="https://maps.app.goo.gl/35RRqxzQdq6E4eSMA"
                  style={{ color: 'inherit', textDecoration: 'none' }}
                >
                  20033 Elkhorn Ridge Dr, Elkhorn, NE 68022
                  <PlaceIcon />
                </a>
              </h3>
            </div>
          </div>
        </div>
      </Paper>
    </Container>
  );
}

export default Schedule;