First_VS_Code_Project/about.html at main · nakkiaroberts/First_VS_Code_Project · 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
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
94
95
96
97
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!-- CSS only -->

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">
<script src="https://kit.fontawesome.com/47c61813b3.js" crossorigin="anonymous"></script>
  <link href="resources\css\style.css" rel="stylesheet" type="">

  <title>Frenchies</title>
</head>
<body>
  <nav class="navbar navbar-expand-lg bg-light">
    <div class="container-fluid">
      <i class="fa-solid fa-dog fa-2xl"></i>
      <a class="navbar-brand" href="#"></a>
      <h1 class="center">Owning a French Bulldog</h1>
      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="right" class="navbar-nav me-auto mb-2 mb-lg-0">
          <li class="nav-item">
            <a class="nav-link active" aria-current="page" href="index.html">Home</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="about.html">About</a>
          </li>
      </div>
    </div>
  </nav>

  <p>Owning a dog is not a privilege, it's a responsibility! Take care of your little guy/girl!</p>

  <h3><i class="fa-solid fa-bone fa-2xl"></i></h3>

 <h2>Breed Traits and Characteristics</h2>
 <div class="card-group">
  <div class="card">
    <!-- <img src="..." class="card-img-top" alt="..."> -->
    <div class="card-body">
      <h3 class="card-title">Physical</h3>
      <p class="card-text">While their shedding level of their short, smooth coat is moderate, needing groomed on a monthly basis.  These pups are moderate droolers.</p>
      <!-- <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p> -->
    </div>
  </div>
  <div class="card">
    <!-- <img src="..." class="card-img-top" alt="..."> -->
    <div class="card-body">
      <h3 class="card-title">Personality</h3>
      <p class="card-text">These pups, with their moderate energy level are quite trainable. They don't bark much and they have moderate mental stimulation needs.</p>
      <!-- <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p> -->
    </div>
  </div>
  <div class="card">
    <!-- <img src="..." class="card-img-top" alt="..."> -->
    <div class="card-body">
      <h3 class="card-title">Social and Family Life</h3>
      <p class="card-text">Frenchies are amazing family dogs. They are great with children and pretty good with other dogs. They love strangers, love to play and adapt very well to changing conditons. They are moderately protective.</p>
      <!-- <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p> -->
    </div>

  </div>
</div>
  <div id="carouselExampleControls" class="carousel slide" data-bs-ride="carousel">
    <div class="carousel-inner">
      <div class="carousel-item active">
        <img src="resources\images\Chocolate Frenchie.jpg" class="d-block w-100" alt="Brown Frenchie">
      </div>
      <div class="carousel-item">
        <img src="resources\images\Gray and White Frenchie.jpg" class="d-block w-100" alt="Tan Frenchie">
      </div>
      <div class="carousel-item">
        <img src="resources\images\Frenchie on a boat.jpg" class="d-block w-100" alt="Frenchie on kayak">
      </div>
      <div class="carousel-item">
        <img src="resources\images\Black frenchie 2.jpg" class="d-block w-100" alt="Black and white frenchie">
      </div>
    </div>
    <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="prev">
      <span class="carousel-control-prev-icon" aria-hidden="true"></span>
      <span class="visually-hidden">Previous</span>
    </button>
    <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="next">
      <span class="carousel-control-next-icon" aria-hidden="true"></span>
      <span class="visually-hidden">Next</span>
    </button>
  </div>
  <h3><i class="fa-solid fa-bone fa-2xl"></i></h3>
<h3>For additional information about this lovable breed, visit: <a href="https://www.akc.org/dog-breeds/french-bulldog/"  target="_blank">American Kennel Club</a></h3>
  <!-- JavaScript Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3" crossorigin="anonymous"></script>
</body>
</html>