forked from ProfAvery/cpsc349-project2-summer2021
-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
80 lines (70 loc) · 2.55 KB
/
about.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
<!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>About Us</title>
<link rel="stylesheet" href="{{ '/styles/tailwind.css' | url }}">
<link rel="stylesheet" href="{{ '/styles/main.css' | url }}">
<link rel="stylesheet" href="/styles/styles.css">
</head>
<header>
<ul>
<li class="navbar">
<a href="{{ '/stats' | url }}">
Home
</a>
<a href="{{ '/stats' | url }}">
Stats
</a>
<a href="{{ '/photographers' | url }}">
Photographers
</a>
</li>
</ul>
</header>
<body>
<div class="container">
<h1 class="title">About</h1>
</div>
<div class="container">
<h2>Meet our Team Members</h2>
</div>
<div class="container-about-names">
<p>Alfredo Alcantar</p>
<p>Jospehine Overbeek</p>
<p>Pedro Hernandez</p>
<p>Arsal Khan</p>
</div>
<div class="container">
<h2>About This Site</h2>
<p>This website displays a collection of photos taken by professional photographers. The content of these photos
are pictures of pets, ranging from dogs to rabbits.
</p>
<p>We were able to implement a background color change, dependent on the picture of the pet.
We added a pagintation feature where users can click on a previous or next page to view more links to photos.
This feature is helpful because you do not have to scroll all the way down to view more photos, instead only 10 urls are presented at a time.
The following is a link to the dataset used:
<cite><a href="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/unsplash/datasets" target="_blank">Unsplash Dataset</a> </cite>
</p>
<h2>Wireframes</h2>
<p>
Here is a link to photos to showcase our mainframes.
<cite><a href="https://docs.google.com/document/d/15pLjSiEUJBPGakTVTA4Uw9rtYb_8tHlbBQhIRrmg6s4/edit?usp=sharing">Photos</a></cite>
</p>
</div>
<h2>Other Stylesheets</h2>
<ul class="site-list">
<li>
<a href="https://joverbake.github.io/cpsc349-project2/" target="_blank">Flexbox Implmentation</a><br>
<a href="https://arsal2525.github.io/cpsc349-project2/" target="_blank">Grid Implmentation</a><br>
<a href="https://pedroh2416.github.io/cpsc349-project2/" target="_blank">Tailwind Implmentation</a><br>
<a href="" target="_blank">Custom Tailwind Implmentation</a>
</li>
</ul>
</body>
<footer>
Site Created by Alfredo Alcantar, Arsal Khan, Josephine Overbeek & Pedro Hernandez |
Contact: <a href="mailto:[email protected]" id="contact-info"> [email protected]</a>
</footer>