forked from Ada-C19/group-fansite
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
129 lines (129 loc) · 9.1 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
128
129
<!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>Friends Fansite</title>
<link rel="stylesheet" href="../styles/style.css">
<link rel="stylesheet" href="../styles/index.css">
<link rel="stylesheet" href="../styles/forms.css">
</head>
<body>
<header>
<nav>
<ul id="header-links">
<li><a href="../index.html">Home</a></li>
<li><a href="../pages/gallery.html">Gallery</a></li>
<li><a href="../pages/facts.html">Facts</a></li>
</ul>
</nav>
<div class="fadeIn">
<img id="friends-logo" src="../images/Friends_logo.svg" alt="Friends Logo">
<h1 id="subtitle">
F<span>·</span>a<span>·</span>n<span>·</span>s<span>·</span>i<span>·</span>t<span>·</span>e
</h1>
</div>
</header>
<main>
<div class="container fadeIn">
<img src="../images/accent_image.webp" alt="Friends Cast" class="accent_img">
<section>
<h2>Welcome <span>·</span> to <span>·</span> our <span>·</span> friends <span>·</span> fansite!</h2>
<p>
<i><b>Friends</b></i> is an American television sitcom created by
<a href="https://wikipedia.com/wiki/David_Crane_(producer)" target="_blank">David Crane</a>
and <a href="https://wikipedia.com/wiki/Marta_Kauffman" target="_blank">Marta Kauffman</a>,
which aired on <a href="https://wikipedia.com/wiki/NBC" target="_blank">NBC</a>
from September 22, 1994, to May 6, 2004, lasting
<a href="https://wikipedia.com/wiki/List_of_Friends_episodes" target="_blank">ten seasons</a>.
With an ensemble cast starring
<a href="https://wikipedia.com/wiki/Jennifer_Aniston" target="_blank">Jennifer Aniston</a>,
<a href="https://wikipedia.com/wiki/Courteney_Cox" target="_blank">Courteney Cox</a>,
<a href="https://wikipedia.com/wiki/Lisa_Kudrow" target="_blank">Lisa Kudrow</a>,
<a href="https://wikipedia.com/wiki/Matt_LeBlanc" target="_blank">Matt LeBlanc</a>,
<a href="https://wikipedia.com/wiki/Matthew_Perry" target="_blank">Matthew Perry</a> and
<a href="https://wikipedia.com/wiki/David_Schwimmer" target="_blank">David Schwimmer</a>,
the show revolves around six friends in their 20s and 30s who live in Manhattan, New York City.
The series was produced by
<a href="https://wikipedia.com/wiki/Kevin_S._Bright" target="_blank">Bright/Kauffman/Crane Productions</a>,
in association with
<a href="https://wikipedia.com/wiki/Warner_Bros._Television" target="_blank">Warner Bros. Television</a>.
The original executive producers were
<a href="https://wikipedia.com/wiki/Kevin_S._Bright" target="_blank">Kevin S. Bright</a>
, Kauffman, and Crane.
</p>
<img src="../images/mobile_accent_image.webp" alt="Friends Cast" class="mobile_accent_img">
<p>
Filming took place at <a href="https://wikipedia.com/wiki/Warner_Bros." target="_blank">Warner Bros. Studios</a> in
<a href="https://wikipedia.com/wiki/Burbank,_California" target="_blank">Burbank, California</a>. The show
ranked within the top ten of the final television season ratings; it ultimately reached the number-one spot in its
<a href="https://wikipedia.com/wiki/Friends_(season_8)" target="_blank">eighth season</a>.
The <a href="https://wikipedia.com/wiki/The_Last_One_(Friends)" target="_blank">series finale</a> aired
on May 6, 2004, and was watched by around 52.5 million American viewers, making it the fifth-most-watched series
finale in television history and the most-watched television episode of the 2000s.
<p>
<p><b>Source</b>: <a href="https://en.wikipedia.org/wiki/Friends" target="_blank">Wikipedia</a></p>
</section>
</div>
<div class="grid">
<div>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path fill="currentColor" d="M8.11 19.45a6.948 6.948 0 0 1-4.4-5.1L2.05 6.54c-.24-1.08.45-2.14 1.53-2.37l9.77-2.07l.03-.01c1.07-.21 2.12.48 2.34 1.54l.35 1.67l4.35.93h.03c1.05.24 1.73 1.3 1.51 2.36l-1.66 7.82a6.993 6.993 0 0 1-8.3 5.38a6.888 6.888 0 0 1-3.89-2.34M20 8.18L10.23 6.1l-1.66 7.82v.03c-.57 2.68 1.16 5.32 3.85 5.89c2.69.57 5.35-1.15 5.92-3.84L20 8.18m-4 8.32a2.962 2.962 0 0 1-3.17 1.39a2.974 2.974 0 0 1-2.33-2.55L16 16.5M8.47 5.17L4 6.13l1.66 7.81l.01.03c.15.71.45 1.35.86 1.9c-.1-.77-.08-1.57.09-2.37l.43-2c-.45-.08-.84-.33-1.05-.69c.06-.61.56-1.15 1.25-1.31h.25l.78-3.81c.04-.19.1-.36.19-.52m6.56 7.06c.32-.53 1-.81 1.69-.66c.69.14 1.19.67 1.28 1.29c-.33.52-1 .8-1.7.64c-.69-.13-1.19-.66-1.27-1.27m-4.88-1.04c.32-.53.99-.81 1.68-.66c.67.14 1.2.68 1.28 1.29c-.33.52-1 .81-1.69.68c-.69-.17-1.19-.7-1.27-1.31m1.82-6.76l1.96.42l-.16-.8l-1.8.38Z"/>
</svg>
<p>
Friends is known for its timeless comedy that has kept audiences laughing for decades. With witty dialogue, hilarious situations, and unforgettable one-liners, the show continues to bring joy and laughter to fans of all ages.
</p>
</div>
<div>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path fill="currentColor" d="M17.363 11.045a3.614 3.614 0 0 1 5.084 0a3.55 3.55 0 0 1 0 5.047L17 21.5l-5.447-5.408a3.55 3.55 0 0 1 0-5.047a3.614 3.614 0 0 1 5.084 0l.363.36l.363-.36Zm1.88-6.288a5.986 5.986 0 0 1 1.689 3.338A5.619 5.619 0 0 0 17 8.808a5.617 5.617 0 0 0-6.856.818a5.55 5.55 0 0 0-.178 7.701l.178.185l2.421 2.404L11 21.485l-8.48-8.492A6 6 0 0 1 11 4.529a5.998 5.998 0 0 1 8.242.228Z"/>
</svg>
<p>
At its core, Friends is a show about the power of friendship. The bond between Ross, Rachel, Monica, Chandler, Joey, and Phoebe is the heart and soul of the series. Their enduring friendships remind us of the importance of support, loyalty, and being there for each other through thick and thin.
</p>
</div>
<div>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path fill="currentColor" d="M11.8 20.025q-.825 0-1.413-.6T9.8 18q0-.825.588-1.413T11.8 16l.6-.575q.2-.2.463-.313T13.4 15q.575 0 .988.425t.412 1v.425q0 .5.325.825t.825.325q.375 0 .675-.225t.425-.575l.3-.825q.225-.6.725-.988t1.15-.387q.275-.7.438-1.45t.162-1.55q0-2.225-1.112-4.063T15.8 5.05V6q0 .825-.588 1.413T13.8 8h-1v2q0 .425-.288.713T11.8 11h-1v1.7q0 .55-.375.925T9.5 14q-.35 0-.638-.15t-.462-.425L6.8 11h-1v1q0 .775-.525 1.325t-1.25.65q.65 2.6 2.813 4.325t4.962 1.725Zm2-6.025q-.425 0-.713-.287T12.8 13q0-.425.288-.713T13.8 12h1q.425 0 .713.288T15.8 13q0 .425-.288.713T14.8 14h-1Zm2.325-3q-.5 0-.788-.387T15.2 9.75l.375-1.1q.1-.3.35-.475t.55-.175q.5 0 .788.388t.137.862l-.375 1.1q-.1.3-.35.475t-.55.175ZM11.8 22q-2.075 0-3.9-.788t-3.175-2.137q-1.35-1.35-2.137-3.175T1.8 12q0-2.075.788-3.9t2.137-3.175q1.35-1.35 3.175-2.137T11.8 2q2.075 0 3.9.788t3.175 2.137q1.35 1.35 2.138 3.175T21.8 12q0 2.075-.788 3.9t-2.137 3.175q-1.35 1.35-3.175 2.138T11.8 22Z"/>
</svg>
<p>
Friends has achieved global recognition and has become a cultural phenomenon. Its relatable characters, universal themes, and witty humor have resonated with people from all corners of the world. The show's influence continues to transcend borders, languages, and generations, making it an international favorite.
</p>
</div>
</div>
<section id="youtube-embed">
<h2>Watch <span>·</span> some <span>·</span> of <span>·</span> the <span>·</span> funniest <span>·</span> moments!</h2>
<div id="tv-container">
<iframe src="https://www.youtube.com/embed/RjpvuPAzJUw" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>
</section>
<section id="contact">
<h2>Get <span>·</span> in <span>·</span> touch</h2>
<form name="contact">
<div class="input-group">
<input type="text" name="name" id="name" placeholder="Name" required>
</div>
<div class="input-group">
<input type="email" name="email" id="email" placeholder="Email" required>
</div>
<div class="input-group">
<textarea name="message" id="message" placeholder="Message" rows="5" required></textarea>
</div>
<button type="submit">Send</button>
</form>
</section>
</main>
<footer>
<div>
<img id="logo-sm" src="../images/Friends_logo.svg" alt="Friends Logo">
<p>A super cool Friends Fansite, created with ❤️ by
<a href="https://github.com/Havana82/" target="_blank">Halimat Aremu</a>,
<a href="https://github.com/kguarnizo" target="_blank">Katherine Guarnizo</a>, and
<a href="https://github.com/lissetet" target="_blank">Liz Trejo</a>.
</p>
</div>
<p id="copyright">Copyright © 2023 - last updated May 15, 2023</p>
</footer>
</body>
</html>