-
Notifications
You must be signed in to change notification settings - Fork 0
/
french.html
139 lines (131 loc) · 6.99 KB
/
french.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>The French Dispatch</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
crossorigin="anonymous"></script>
<link href="styles.css" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noticia+Text&display=swap" rel="stylesheet">
<link rel="stylesheet"href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,[email protected],100..700,0..1,-50..200" />
</head>
<body class="french">
<button class="btn btn-primary" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasWithBothOptions"
aria-controls="offcanvasWithBothOptions"><span class="material-symbols-outlined">
menu
</span></button>
<div class="offcanvas offcanvas-start" data-bs-scroll="true" tabindex="-1" id="offcanvasWithBothOptions"
aria-labelledby="offcanvasWithBothOptionsLabel">
<div class="offcanvas-header">
<h5 class="offcanvas-title" id="offcanvasLabel"><b>Where do you want to go?</b></h5>
<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body">
<div>
<ul id="list">
<li><a href="index.html">Home</a></li>
<hr>
<li><a href="hotel.html">"The Grand Budapest Hotel"</a></li>
<hr>
<li><a href="quiz.html">Who are you in that story?</a></li>
<hr>
</ul>
</div>
<div class="dropdown mt-3">
<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton"
data-bs-toggle="dropdown">
Contacts
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<li class="dropdown-item">Discord - #0999</li>
<li class="dropdown-item">Instagram - @asyabaginskaya</a></li>
</ul>
</div>
</div>
</div>
<div class="container-fliud">
<div class="row align-items-start">
<div class="col">
<img src="french/title.jpg" alt="title" style="margin-left:2%">
</div>
<div class="french-news col">
<img src="french/newspaper.png" alt="newspapers" style="width:70%">
<h1>"Maybe with good luck we'll find what eluded us in the places we once called home."</h1>
</div>
</div>
<div style="background-color:#FCBA04; margin-top:1%;">
<div class="row" id="storyline">
<div class="col">
<h2 style="text-align:center; position:relative; top:50%"><u>Storyline</u></h2>
</div>
<div class="col">
<p>Faced with the impending dissolution of The French Dispatch,
a factual weekly report on various subjects, old-school editor-in-chief Arthur Howitzer Jr.
assembles
the crème de la crème of the magazine's loyal expatriate journalists for one final issue.
Against the backdrop of picturesque Ennui-sur-Blasé, Paris, France, three main articles unfold,
pivoting around tormented genius artists, statuesque prison officers,
flamboyant critics, moody idealists, conflicted ace reporters, legendary chefs, and, of course,
the police.</p>
</div>
</div>
</div>
<div style="background-color:#A50104; style=width:100%">
<div class="row">
<div class="col">
<div id="carouselExampleFade" class="carousel slide carousel-fade" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="french/muse.jpg" class="d-block w-50 mx-auto" alt="muse">
</div>
<div class="carousel-item">
<img src="french/subway.jpg" class="d-block w-50 mx-auto" alt="subway">
</div>
<div class="carousel-item">
<img src="french/city.jpg" class="d-block w-50 mx-auto" alt="city">
</div>
<div class="carousel-item">
<img src="french/team.jpg" class="d-block w-50 mx-auto" alt="team">
</div>
<div class="carousel-item">
<img src="french/timotey.jpg" class="d-block w-50 mx-auto" alt="timotey">
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleFade"
data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleFade"
data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</div>
<div class="col">
<h2 style="text-align:center; position:relative; top:50%"><u>Photos</u></h2>
</div>
</div>
</div>
<div style="background-color:#15616D; style=width:100%">
<div class="row">
<div class="col">
<img src="french/83c42cb32de78b86e3b8646289e2b143.jpg">
</div>
<div class="col">
<video autoplay muted>
<source src="french/THE FRENCH DISPATCH _ Official Trailer _ Searchlight Pictures.mp4"
type="video/mp4" style="width:60%; padding-top:30%">
</video>
</div>
</div>
</div>
</div>
</body>
</html>