-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
139 lines (134 loc) · 5.86 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
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>
<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</title>
<link rel="stylesheet" href="./style.css">
<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=Lato:wght@300;400;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Catamaran:wght@800;900&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/efb11c3b99.js" crossorigin="anonymous"></script>
</head>
<body>
<div class="top-ribbon">
<a href="#" class="ribbon-item"><i class="fa-brands fa-facebook-f"></i></a>
<a href="#" class="ribbon-item"><i class="fa-brands fa-twitter"></i></a>
<a href="#" class="ribbon-item">English</a>
<a href="#" class="ribbon-item">My page</a>
<a href="#" class="ribbon-item">Logout</a>
</div>
<div class="wrap-nav active-desktop">
<a href="./index.html"><img src="./images/logo-navbar.png" alt="logo"></a>
<nav class="nav-bar">
<a href="./index.html">Home</a>
<a href="#">Program</a>
<a href="#">Join</a>
<a href="#">Sponsors</a>
<a href="#">News</a>
</nav>
</div>
<header class="head-about">
<!-- here begins the mobile menu for javascript -->
<div class="mobile-menu active-mobile">
<span class="close"><i class="fa-solid fa-xmark"></i></span>
<nav class="mobile-nav">
<a class="mobile-link" href="./index.html">Home</a>
<a class="mobile-link" href="#">Program</a>
<a class="mobile-link" href="#">Sponsors</a>
<a class="mobile-link" href="#">News</a>
<a class="mobile-link" href="#">FI Campaign</a>
</nav>
</div>
<!-- here finishes the mobile menu for javascript -->
<nav class="hamburguer"><i class="fa-solid fa-bars"></i></nav>
<div class="head-wrap">
<h2 class="heading-red h2-about">"Hello! Sharing world"</h2>
<h1>FOOD INDUSTRY GLOBAL SUMMIT 2022</h1>
<div class="guide-bar active-desktop"></div>
<p class="box-margin about">
The global summit stands for Food Improved by Research, Science and Technology. The world’s leading
food technology event plus the biggest B2B food expo makes a return to Mexico City starting
October 13, 2022. Take in this dynamic, reimagined experience in-person or join virtually.
<br>
<span class="active-desktop">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ipsum, neque excepturi voluptatibus,
esse amet, quaerat non officia veniam dolorem ducimus illo! Itaque placeat distinctio fugit suscipit,
fuga esse, a aliquid eaque, quae totam provident!
<br>
Veritatis iste perferendis, nam maiores laborum distinctio
autem quam doloremque ab, sit blanditiis vitae at eius reprehenderit, eos aliquid numquam voluptatum eum libero
eaque ullam dolorum hic alias voluptates. </span>
</p>
<p>
Please contact us per email for any further questions about Food Industry Global Summit 2022!
</p>
<p>
<b><u>fisummit2022@foodmx.com</u></b>
</p>
</div>
</header>
<section class="logo">
<h2>Food Industry <br class="active-mobile">Global Summit 2022 Logo</h2>
<div class="guide-bar"></div>
<p>
The logo of the Food Industry Global Summit 2022 was decided through the logo competition
from 8 June to 7 July
<br>
<span class="active-desktop">
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Necessitatibus tempora tenetur,
officia consequuntur doloribus distinctio eius aut possimus voluptatum debitis, praesentium
obcaecati magni autem sed. Totam corrupti mollitia saepe similique?
</span>
</p>
<a href='https://www.freepik.com/vectors/shapes-alphabet'>
<img class="logo-img" src="./images/about_logo.png" alt="Shapes alphabet vector created by Rochak Shukla - www.freepik.com">
</a>
</section>
<section class="events">
<h2>See the past Food Industry <br class="active-mobile">Global Summits</h2>
<div class="guide-bar"></div>
<p>
Take a look at the last to Food Industry Global Summits which took place in Buenos Aires and in Warsaw.
</p>
<div class="event-list">
<a href="#">
<img src="./images/about_2013.png" alt="">
</a>
<a href="#">
<img src="./images/about_2011.png" alt="">
</a>
</div>
</section> <!-- closing .events div -->
<footer>
<div class="footer01 active-mobile">
<h2>Sponsors</h2>
<div class="guide-bar"></div>
</div>
<div class="sponsors active-mobile">
<img src="./images/sponsors/logo-unilever-gris-1.png" alt="logo unilever">
<img src="./images/sponsors/logo-bimbo.png" alt="logo bimbo">
<img src="./images/sponsors/logo-lala.png" alt="logo lala">
<img src="./images/sponsors/pilgrims.png" alt="logo pilgrims">
<img src="./images/sponsors/logo-instituto-danone.png" alt="logo danone">
</div>
<div class="rights about">
<img src="./images/cck-logo1.png" alt="logo creative commons" class="active-mobile">
<img src="./images/cck-logo-dark.png" alt="logo creative commons" class="active-desktop">
<p>
2022 Creative Commons Korea
<br>
Some Rigths Reserved
<br><br>
<span class="active-desktop">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos, dolorum tempora,
recusandae reiciendis alias impedit magnam, voluptatum incidunt minus aut labore velit?
Tempore, inventore ipsa delectus ducimus ab non cumque.
</span>
</p>
</div>
</footer>
<script src="./main.js"></script>
</body>
</html>