web_dev/main.php at main · Wissy47/web_dev · 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
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59

<div class="container-fluid">
    <div class="row">
      <div id="carouselExampleSlidesOnly" class="carousel slide carousel-fade col-md-8" data-ride="carousel">
  <div class="carousel-inner">
    <div class="carousel-item active">
        <img src="/my_image/person-holding-barbell-841130%20(1).jpg" class="d-block w-100 Cimage" alt="...">
    </div>
    <div class="carousel-item">
      <img src="/my_image/fitness-power-man-person-17840.jpg" class="d-block w-100 Cimage" alt="...">
    </div>
    <div class="carousel-item">
      <img src="/my_image/woman-in-a-sports-bra-and-black-leggings-working-out-3931061.jpg" class="d-block w-100 Cimage">
    </div>
  </div>
</div>

      <div class="col-md-4">
          <p class="highlight">Getting the right shape is a Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam a luctus justo. Donec sollicitudin mauris non tellus semper venenatis. Quisque pellentesque facilisis ligula, ut lacinia risus tincidunt eget. Sed laoreet risus massa, vitae auctor lorem placerat non. Vivamus sit amet tristique lorem. Suspendisse aliquam lorem justo, quis ultricies leo venenatis vitae. Mauris rutrum mollis venenatis. Sed ultrices pharetra ante, sed sagittis lorem tempus ac. Duis condimentum molestie suscipit. Nulla laoreet, ligula at dapibus condimentum, purus enim mattis massa, vel rutrum turpis nunc a sem utrum mollis venenatis. Sed ultrices pharetra ante, sed sagittis lorem tempus ac. Duis condimentum.</p>
      </div>
          </div>
      </div>
      <div class="mobileF">
          <h3>MOBILE PHONE TRAINING ROUTINE</h3>
          <ul>
              <li>Lorem ipsum dolor sit amet</li>
              <li>consectetur adipiscing elit</li>
              <li>luctus justo. Donec sollicitudin </li>
              <li>Sed laoreet risus massa</li>
              <li>Suspendisse aliquam lorem justo</li>
              <li>vel rutrum turpis nunc a sem.</li>
              <li>Nullam velit tortor, sodales </li>
          </ul>
      </div>
        <h1 class="heading  container ">OUR GALLERY</h1>

    <div class="container-fluid gallery">
        <div class="row">
      <section class="col-12 col-md-4 card " style="width: 18rem;">
          <img src="my_image/adult-athlete-body-bodybuilding-414029.jpg" class="card-img-top" alt="trainer">
          <div class="card-body">
          <p class="card-text">Sed tempus interdum augue. Ut nec augue felis. Proin et metus faucibus, vulputate mi in, efficitur odio</p>
          </div>
      </section>

      <section class="col-12 col-md-4 card" style="width: 18rem;">
          <img src="my_image/an-on-treadmill-1954524.jpg" class="card-img-top" alt="treadmill">
          <div class="card-body">
          <p class="card-text">Curabitur condimentum, ligula accumsan tristique ultricies, libero neque tempus ipsum, a tristique nisl ligula a odio.</p>
          </div>
      </section>
      <section class="col-12 col-md-4 card " style="width: 18rem;">
          <img src="my_image/women-having-exercise-using-dumbbells-903171%20(1).jpg" class="card-img-top" alt="group_training">
          <div class="card-body">
          <p class="card-text"> Quisque pellentesque facilisis ligula, ut lacinia risus tincidunt eget. Sed laoreet risus massa, vitae auctor lorem placerat non.</p>
          </div>
      </section>
        </div>
        </div>