-
Notifications
You must be signed in to change notification settings - Fork 0
/
bogoversigt.html
226 lines (208 loc) · 8.83 KB
/
bogoversigt.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
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
<!DOCTYPE html>
<html lang="da" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600&display=swap" rel="stylesheet">
<link href="https://unpkg.com/[email protected]/css/boxicons.min.css" rel="stylesheet">
<title>BookFlip</title>
<link rel="stylesheet" href="css.css"> <link rel="stylesheet" href="StyleGuide.css">
<script src="java.js" defer></script>
<script src="bogoversigt.js" defer></script>
</head>
<body>
<header>
<div class="topnav">
<a href="index.html" class="logo"><img src="img/bookflip.png" alt="logo"></a>
<a class="opret" href="opret.html">Opret bruger</a>
<a class="login" href="login.html">Log ind</a>
<button class='bx bx-heart' id="heart-icon"></button>
<div class="wrapper">
<div class="search-input">
<a href="" target="_blank" hidden></a>
<input type="text" placeholder="Søg på titel, forfatter, emne eller ISBN">
<div class="autocom-box">
</div>
<div class="icon"><i class="fa fa-search soge"></i></div>
</div>
</div>
</div>
</header>
<header>
<div class="cart">
<h2 class="cart-title">Dine Favoritter</h2>
<div class="cart-content">
</div>
<button class='bx bx-x' id="close-cart"></button>
</div>
</header>
<nav class="udd">
<div>
<h2 class="uddannelser">UDDANNELSER PÅ UCL SEEBLADSGADE</h2>
</div>
</nav>
<nav class="navbar">
<div class="content">
<div class="menu-list">
<a href="#">Business</a>
<hr>
<a onclick="toggleDropdown()" class="dropbtn" href="#">Digital udvikling
</a>
<div id="dropDown" class="dropdown-content">
<div class="header">
<h2>Digital udvikling</h2>
</div>
<div class="menurow">
<div class="menucolumn">
<div class="columnn">
<a href="#">Datamatiker</a>
<a href="#">Digital konceptudvikling</a>
<a href="#">IT-teknolog</a>
<a href="#">IT-sikkerhed</a>
</div>
<div class="columnn">
<a href="bogoversigt.html" >Multimediedesigner</a>
<a href="#">Softwareudvikling</a>
<a href="#">Webudvikling</a>
</div>
</div>
</div>
</div>
<hr>
<a href="#">Byggeri</a>
<hr>
<a href="#">Teknologi</a>
</div>
</div>
</nav>
<ul class="breadcrumb">
<li><a href="index.html">Hjem</a></li>
<li><a href="#">Digital udvikling</a></li>
<li><a href="bogoversigt.html">Multimediedesigner</a></li>
</ul>
<h2 class="section-title">Multimediedesigner</h2>
<section class="shop container">
<!-- Content -->
<div class="shop-content">
<!-- Box 1 -->
<div class="product-box2">
<img src="img/bog1.jpg" alt="" class="product-img">
<div class="box-text"><a href="ok.html"></a>
<h2 class="product-title">Kommunikation i multimediedesign</h2>
<p>Kort beskrivelse:
"Kommunikation i multimediedesign" er en meget udførlig grundbog <br>
til faget kommunikation og formidling på multimediedesigneruddannelsen,<br>
men også til andre uddannelser, hvori der indgår multimediedesign,<br>
f.eks. datamatiker, designteknolog og mediegrafiker.</p>
</div>
<br>
<i><span class="price">185 kr.</span></i>
<button id="btn" class='bx bx-heart add-cart'></button>
</div>
<!-- Box 2 -->
<div class="product-box">
<img src="img/bog3.jpg" alt="" class="product-img">
<div class="box-text"><a href="opret.html"></a>
<a href="opret.html"><h2 class="product-title">20 designprincipper</h2></a>
<p>Kort beskrivelse:
"20 Designprincipper" henvender sig primært til <br> multimediedesignere og grafiske designere,<br>
men den kan anvendes af enhver, der beskæftiger sig med visuel kommunikation,<br>
usability eller design af brugergrænseflader.</p>
</div>
<br>
<i><span class="price">200 kr.</span></i>
<button id="btn2" class='bx bx-heart add-cart'></button>
</div>
<!-- Box 3 -->
<div class="product-box2">
<img src="img/bog2.jpg" alt="" class="product-img">
<div class="box-text"><a href="ok.html"></a>
<h2 class="product-title">Kommunikation i multimediedesign 2</h2>
<p>Kort beskrivelse:
"Kommunikation i multimediedesign" er en meget udførlig grundbog <br> til faget <br>
kommunikation og formidling på multimediedesigneruddannelsen,<br>
men også til andre uddannelser, hvori der indgår multimediedesign,<br>
f.eks. datamatiker, designteknolog og mediegrafiker.</p>
</div>
<br>
<i><span class="price">300 kr.</span></i>
<button id="btn3" class='bx bx-heart add-cart'></button>
</div>
<!-- Box 4 -->
<div class="product-box">
<img src="img/bog4.jpg" alt="" class="product-img">
<div class="box-text"><a href="ok.html"></a>
<h2 class="product-title">JAVASCRIPT & JQUERY interactive front-end web...</h2>
<p>Kort beskrivelse:
Bogen fremstår som ny, da den kun er blevet brugt hjemme ifbm. <br>
cases under uddannelsen,multimediedesigner.<br>
Der er ingen overstregninger, æselører eller lignende.</p>
</div>
<br>
<i><span class="price">150 kr.</span></i>
<button id="btn4" class='bx bx-heart add-cart'></button>
</div>
<!-- Box 5 -->
<div class="product-box2">
<img src="img/bog5.jpg" alt="" class="product-img">
<div class="box-text"><a href="ok.html"></a>
<h2 class="product-title">A history of graphic design for rainy days</h2>
<p>Kort beskrivelse: <br>
Everything you always wanted to know about graphic design but were too afraid to ask. <br>
One fateful rainy day, a bored kid asks his grandfather <br>
"what in the world is graphic design?" Starting with that innocent question…..</p>
</div>
<br>
<i><span class="price">250 kr.</span></i>
<button id="btn5" class='bx bx-heart add-cart'></button>
</div>
<!-- Box 6 -->
<div class="product-box">
<img src="img/bog6.jpg" alt="" class="product-img">
<div class="box-text"><a href="ok.html"></a>
<h2 class="product-title">Online kommunikation</h2>
<p>Kort beskrivelse: <br>
Online Markedsføring - En introduktion, Hans-Christian Christiansen & Gitte B. Rose, <br>
år 2015, 1 udgave Bog til Multimediedesigner uddannelsen. Bogen fremstår som helt ny.</p>
</div>
<br>
<i><span class="price">200 kr.</span></i>
<button id="btn6" class='bx bx-heart add-cart'></button>
</div>
</div>
</section>
<button onclick="topFunction()" id="myBtn" title="Go to top">Top</button>
<footer>
<br>
<div id="kontakt" class="contact-section">
<div class="columns">
<div class="column">
<br><br>
<img class="contact-logo" src="img/bookflip.png" alt="logo"> <br>
</div>
<div class="column">
<br>
<p> <span class="p1">Lær os at kende</span> </p>
<p class="p2"> Om BookFlip <br> Kontakt BookFlip <br> Presse </p> <br>
</div>
<div class="column">
<br>
<p><span class="p1">Sikkerhed og vilkår</span> </p>
<p class="p2">Sikker handel på BookFlip <br> Brugervilkår <br> Persondatapolitik <br> Cookieindstillinger<br></p>
</div>
<div class="column">
<br>
<p><span class="p1">Følg os</span> <div class="media-pic">
<a href="#"><img src="img/facebook1.png" alt="Facebook logo"></a>
</div> <br>
</div>
</div>
</div>
<div class="copyright">
<p>© 2022 BookFlip (CVR: 29197849)</p>
</div>
</footer>
</body>
</html>