codeca/carusel.html at main · codeitR/codeca · GitHub

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
<div class="logic">
    <div class="carousel-container">
        <div class="carousel">
            <button class="prev" onclick="prevSlide()">&#10094;</button>
            <div class="card">
                <h4>Exhibition Spaces</h4>
                <p> We believe science should not be confined to the textbook, but brought to live through exhibits
                    That why w are here to get together to build a communiity museum!</p>
                </p>
                <img src="src/images/billetto-editorial-334686.jpg" alt="Card 1">
            </div>

            <div class="card">
                <img src="src/images/jesse-orrico-60373.jpg" alt="Card 2">
                <p>Description for Card 2</p>
            </div>
            <div class="card">
                <img src="src/images/heart-2607178_1920.jpg" alt="Card 3">
                <p>Description for Card 3</p>
            </div>
            <div class="card">
                <img src="src/images/exhibition-lab.jpg" alt="Card 4">
                <p>Description for Card 4</p>
            </div>
            <div class="card">

                <h4>Exhibition Spaces</h4>
                <p>We believe science should not be confined to the textbook, but brought to live through exhibits
                </p>
                <p>That why w are here to get together to build a communiity museum!</p>
                <p>As a community-driven museum, we want to work with schools to create places of learning and
                    exploring.</p>
                <img src="src/images/billetto-editorial-334686.jpg" alt="Card 1">
            </div>
            <div class="card">
                <img src="src/images/jesse-orrico-60373.jpg" alt="Card 2">
                <p>Description for Card 2</p>
            </div>
            <button class="next" onclick="nextSlide()">&#10095;</button>
        </div>

    </div>
</div>
<br>