-
Notifications
You must be signed in to change notification settings - Fork 0
/
bpfinal.html
165 lines (148 loc) · 9.2 KB
/
bpfinal.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
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Blog Page</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="scripts/style.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Cantarell:700i" rel="stylesheet">
<link rel="stylesheet" href="scripts/homepage-style.css">
<link rel="stylesheet" href="scripts/homepage-menu.css">
</head>
<body>
<div class="menu-wrap">
<input type="checkbox" class="toggler">
<div class="hamburger">
<div></div>
</div>
<div class="menu">
<div>
<div>
<ul>
<li><a href="homepage.html">Home</a></li>
<li><a href="team-member.html">Team Members</a></li>
<li><a href="video-ppt.html">Video | PPT</a></li>
<li><a href="bpfinal.html">Blog Page</a></li>
<li><a href="case-summary.html">Critical Thinking Questions</a></li>
<li><a href="summary.html">Case Summary</a></li>
</ul>
</div>
</div>
</div>
</div>
<section id="header" class="jumbotron text-center">
<h1 class="display-3">Blog Page</h1>
<p class="lead">The following page contains the blogs by all the team members</p>
<a href="https://www.sandiego.gov/environmental-services/recycling/residential/electronics"
class="btn btn-primary">Recycle Your E-Waste</a>
<a href="https://www.census.gov/content/dam/Census/library/publications/2017/econ/e15-estats.pdf"
class="btn btn-success">Ewatse Census</a>
</section>
<section id="gallery">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-4 mb-4">
<div class="card">
<img src="https://cdn.shopify.com/s/files/1/0798/6397/products/cats_quilt_nap_1000_px_1024x1024.jpg?v=1489439383"
alt="" class="card-img-top">
<div class="card-body">
<h5 class="card-title">Akarsh</h5>
<p class="card-text">After reading the article I had a lot of questions and explanations about my case study. I think that there should be...</p>
<a href="blogall.html" class="btn btn-outline-info btn-sm">Read More</a>
<a href="#" class="btn btn-outline-danger btn-sm"><i class="far fa-heart"></i></a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 mb-4">
<div class="card">
<img src="https://images.unsplash.com/photo-1458682625221-3a45f8a844c7?ixlib=rb-1.2.1&auto=format&fit=crop&w=967&q=80" alt=""
class="card-img-top">
<div class="card-body">
<h5 class="card-title">Pratik</h5>
<p class="card-text">After going through this article, we have an understanding about the electronic waste (e-waste) and how companies from
different countries are handling it. E-Waste is basically a term for electronics who are old and discarded electronic
devices. Over 46 million tons of e-waste is produced all over the world and ...</p>
<a href="blogall.html" class="btn btn-outline-info btn-sm">Read More</a>
<a href="#" class="btn btn-outline-danger btn-sm"><i class="far fa-heart"></i></a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 mb-4">
<div class="card">
<img src="https://i.pinimg.com/736x/ae/83/f8/ae83f8d8bdd72a52d744bbb2d34ee228--pattern-floral-pattern-fabric.jpg"
alt="" class="card-img-top">
<div class="card-body">
<h5 class="card-title">Omar</h5>
<p class="card-text">Our case study gave me a lot of insight into how the international community has been handling e-waste and its
exportation to developing nations. In these developing nations, when disposing of e-waste it is not done...</p>
<a href="blogall.html" class="btn btn-outline-info btn-sm">Read More</a>
<a href="#" class="btn btn-outline-danger btn-sm"><i class="far fa-heart"></i></a>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="gallery">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-4 mb-4">
<div class="card">
<img src="https://images.unsplash.com/photo-1487088678257-3a541e6e3922?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=967&q=80"
alt="" class="card-img-top">
<div class="card-body">
<h5 class="card-title">Pranav</h5>
<p class="card-text">enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
aliquip ex ea
commodo consequat. Lorem ipsum dolor sit amet consectetur adipisicing elit. Labore tempora praesentium neque vitae saepe
dolorem numquam `...</p>
<a href="blogall.html" class="btn btn-outline-info btn-sm">Read More</a>
<a href="#" class="btn btn-outline-danger btn-sm"><i class="far fa-heart"></i></a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 mb-4">
<div class="card">
<img src="https://cdn-images-1.medium.com/max/1200/1*gHzJ4qDXA5jvxRfFBlBNiA.jpeg" alt=""
class="card-img-top">
<div class="card-body">
<h5 class="card-title">Konark</h5>
<p class="card-text">E-Waste: An important global environment and health issue
Everyone in my group decided to pick the case study about E-Waste as this is a major issue in our society which we knew
that not everyone is familiar with. In this case study we got to learn...</p>
<a href="blogall.html" class="btn btn-outline-info btn-sm">Read More</a>
<a href="#" class="btn btn-outline-danger btn-sm"><i class="far fa-heart"></i></a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 mb-4">
<div class="card">
<img src="https://images.unsplash.com/photo-1547486861-9950e0f96b78?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=634&q=80" alt="" class="card-img-top">
<div class="card-body">
<h5 class="card-title">Know More</h5>
<p class="card-text">Find Teh Best PLaces to Dispose your E-wate in San Diego</p>
<a href="https://www.yelp.com/search?find_desc=e+waste+drop+off&find_loc=San+Diego%2C+CA" class="btn btn-outline-info btn-sm">Read More</a>
<a href="#" class="btn btn-outline-danger btn-sm"><i class="far fa-heart"></i></a>
</div>
</div>
</div>
</div>
</div>
</section>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
crossorigin="anonymous"></script>
</body>
</html>