forked from numcys/Basic_website_HTML_CSS_only
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
127 lines (119 loc) · 6.8 KB
/
index.html
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
<!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" />
<title>Project</title>
<link rel="stylesheet" href="css/style.css" />
<!-- <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous"> -->
<script src="https://kit.fontawesome.com/27551d6060.js" crossorigin="anonymous"></script>
</head>
<body>
<nav class="navbar background">
<ul class="nav-list another">
<div class="logo"><img src="img/online-shop.jpg" alt="" /></div>
<li><a href="#home">Home</a></li>
<li><a href="#about">About us</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#contact">Contact us</a></li>
</ul>
<div class="rightnav">
<input type="text" name="search" id="search" />
<button class="btn btn-sm">Search</button>
</div>
</nav>
<section class="firstsection background">
<div class="box-main">
<div class="firsthalf">
<p class="text-big">The Shopping place for all needs!</p>
<p class="text-small">
Come here and find all the products you need all at great discounts.
This is the future of shopping.
</p>
<div class="btn btn-s">Explore</div>
</div>
<div class="secondhalf">
<img class="img" src="img/online-shop.jpg" alt="" />
</div>
</div>
</section>
<section class="section">
<div class="para">
<p class="sectiontag text-big">OCEAN LIFE FUNDAMENTALS</p>
<p class="sectionsubtag text-small">When speaking about our global environment, a common adage to hear is that “we know more about outer space than we do about the ocean.” In some ways, this statement is true! The oceans are vast, and exploring them is dangerous and difficult — in some ways, it’s even more difficult than exploring space. Still, our lack of knowledge about certain aspects of our oceans doesn’t mean we haven’t made an impact on them. This exclusive Faunalytics Fundamental examines our relationships with ocean life, exploring some of the most important issues facing fishes, aquatic mammals, and other species, based on the best available and current data. We hope you find the information useful in your advocacy, and in your day-to-day lives advocacy. Please be sure to check out all of the source links embedded in the text and infographics below, and be sure to check out the blog about what we included, and what we left out.</p>
</div>
<div class="fluid-img"><img src="https://source.unsplash.com/900x900/?nature,water" alt="" ></div>
</section>
<hr>
<section class="section section-left">
<div class="para">
<p class="sectiontag text-big">MEET THE ANIMALS</p>
<p class="sectionsubtag text-small">Unlike companion animals, certain kinds of wildlife, and even farmed animals, there are relatively few opportunities to “get to know” ocean life. As with farmed animals, many people only get close to or experience ocean creatures after they’ve already been killed, processed, and plated. In other cases, people may “meet” animals like whales, dolphins, and other species in situations of extreme and unnatural captivity, like zoos and aquariums. Even with activities like whale watching, it can be difficult to truly “know” the vast range of ocean life out there. Below, we look at different categories of ocean life and just how incredible they truly are. </p>
</div>
<div class="fluid-img"><img src="https://source.unsplash.com/900x900/?html,apple" alt="" ></div>
</section>
<hr>
<section class="section">
<div class="para">
<p class="sectiontag text-big">ATTITUDES</p>
<p class="sectionsubtag text-small"> While most people don’t have a direct connection to ocean life, that doesn’t stop people from having opinions about it! Whether it’s trophy fishing, marine conservation, pescetarianism, or any other issue, all of us land-dwelling humans have a lot of ideas about the oceans, marine life, and what our responsibilities to these amazing creatures are. Below, we explore some of the key attitudes people have about the state of our oceans, and their protection. </p>
</div>
<div class="fluid-img"><img src="https://source.unsplash.com/900x900/?java,water" alt="" ></div>
</section>
<hr>
<section class="section section-left">
<div class="para">
<p class="sectiontag text-big">HUMANS BEST FRIEND : DOG</p>
<p class="sectionsubtag text-small">Through the ages, people have claimed dogs as one of their closest, and best, companions. Of all the domesticated animals, dogs serve the widest array of roles: protector, helper, lifesaver, and companion. Dogs are incredible friends to people, and they’ve been companions through centuries. The relationship between dogs and people is deep and old. </p>
</div>
<div class="fluid-img"><img src="https://source.unsplash.com/900x900/?html,apple" alt="" ></div>
</section>
<hr>
<!-- contributing section starts -->
<div class="contributing-heading">
<h1>Our Project Contributors</h1>
</div>
<div class="box">
<div class="contributors-2022">
<h2 class="contributors-heading">Names of contributors - 2022</h2>
<div class="inner-box">
<div class="inner-box1">
<ul>
<li>
<a href="https://github.com/Naman-sharma00100">Naman Sharma</a>
</li>
<li>
<a href="https://github.com/asimdm">Asim Ali</a>
</li>
<li>
<a href="https://github.com/shagunZ">Shagun Mengi</a>
</li>
<li>
<a href="https://github.com/harshit-paneri">Harshit Paneri</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- contributing section ends -->
<footer>
<div class="foot">
<i class="fa-brands fa-facebook" style="font-size: 44px;"></i>
<i class="fa-brands fa-instagram" style="font-size: 44px;"></i>
<i class="fa-brands fa-linkedin" style="font-size: 44px;"></i>
<i class="fa-brands fa-youtube" style="font-size: 44px;"></i>
</div>
<ul>
<li>Shop © 2022</li>
<li>Privacy & Legal</li>
<li>Contact</li>
<li>Careers</li>
<li>News</li>
<li>Engage</li>
<li>Locations</li>
</ul>
</footer>
</body>
</html>