project-1-fox/homePage.html at master · lehman-webdev/project-1-fox · 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
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
<!DOCTYPE html>

<html>

<head>

  <title>Home</title>

  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" type="text/css" href="homepage style.css">
</head>

<!-- header will contain the nav bar-->
<header>
  <nav>
    <a href="homePage.html" class="active">Home</a>
    <a href="orchid.html">Orchid Show</a>
    <a href="membership.html">Membership</a>
    <a href="about.html">About</a>
  </nav>
</header>

<body>

  <body>
    <!--this div will contain the logo which is just the text NYBG, with the img-->
    <div>
      <h1 class="logo">NYBG</h1>
      <img src="waterStatue.gif" alt="waterfall" class="bgImg">
    </div>

    <!--this div contains the #plantlove link that will forward users to the official website-->
    <div style="text-align:right;">
      <a href="https://www.nybg.org/about/plantlove/" target="_blank">
        <h1 class="plantLove">#plantlove</h1>
      </a>
    </div>


    <!--this div will contain the first text of the body. either home, orchid, or membership-->
    <div>
      <h1 class="bodyTop">Orchid show</h1>
    </div>

    <!-- general info about Orchid show -->
    <p>
      With tens of thousands of species thriving in habitats around the globe,
      orchids are some of the most diverse and well-adapted plants on Earth. I
      nvestigate the many unique evolutions and survival mechanisms employed by this colorful
      family when you visit The Orchid Show at NYBG.
      Every year NYBG held Orchid show.
      This year The orchid show will be

      <u> March 21th- April 25th</u>.

    </p>


    <!-- Side by side image inserting after information of the orchid show-->

    <div class="row">

      <div class="column">
        <img src="orchid1.jpg" alt="yallow orchid " width="360" height="245">
      </div>
      <div class="column">
        <img src="orchid2.jpg" alt="pink orchid " width="360" height="245">
      </div>
      <div class="column">
        <img src="orchid4.jpg" alt="purple orchid " width="360" height="245">
      </div>
      <div>
        <h2 class="bodyTop">Science week</h2>
      </div>

      <!-- general info about Orchid show of the garden-->
      <p1>
        Join us for the Fourth Annual Citizen Science Day, a nationally organized
        event to increase awareness of citizen science and help volunteers discover projects that
        contribute to the documentation of Earth's Biodiversity.
        Take action with a wide range of activities, including bird, phenology, and urban naturalist tours, and so much
        more.
        <u> April 13th will be national Citizen Science Day</u> Meet with NYBG experts and learn how you can become a
        Citizen Scientist.
      </p1>
      April 13th will be national Citizen Science Day
      <p>


        <!-- side by side images for scienceweek-->

        <div class="row">
          <div class="column">
            <img src="NYBG Museum.jpg" alt="nybg musiam " width="360" height="245">
          </div>
          <div class="column">
            <img src="cactus.jpg" alt="Flowers " width="360" height="245">

          </div>
          <div class="column">
            <img src="science.jpg" alt="Flowers " width="360" height="245">
          </div>
          <div>
            <h3 class="bodyTop">NYBG Map</h3>
          </div>
          <!--these images show the map of different side of the NYBG-->
          <div class="row">
            <div class="column">
              <img src="NYPG map.png" alt="Map1 " width="360" height="245">
            </div>
            <div class="column">
              <img src="map2.png" alt="nybg map2 " width="360" height="245">

            </div>
            <div class="column">
              <img src="map3.jpg" alt="nybg map3 " width="360" height="245">
            </div>
          </div>

  </body>


</body>

<!-- footer contains contact info and address of NYBG-->
<footer>

  <!--this div contains the text-->
  <div class="generalInfo">
    <h2>Location</h2>
    <h5> <a href = "https://www.nybg.org/visit/directions/">2900 Southern Boulevard, Bronx, NY 10458-5126</a></h5>
    <h2>General Info</h2>
    <h5>Call: 718.817.8700</h5>
  </div>
</footer>

</html>