-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
127 lines (126 loc) · 5.69 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
<!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" />
<link rel="stylesheet" href="styles.css" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<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@400;700;900&family=Playfair+Display&family=Poppins:wght@100;400&display=swap"
rel="stylesheet"
/>
<title>About Summit</title>
</head>
<body class="about-body">
<header>
<nav class="desktop-menu desktop">
<ul class="menu-list">
<li id="start-logo"><a href="index.html#start" class="main-logo"><img src="resources/images/logo.png" class="desktop" alt="logo"/></a></li>
<li><a class="menu-item" href="index.html#start">Hello</a></li>
<li><a class="menu-item" href="#about-name"> About </a></li>
<li><a class="menu-item" href="index.html#events"> Events </a></li>
<li>
<a class="menu-item" href="index.html#speakers"> Speakers </a>
</li>
<li><a class="menu-item" href="#contact"> Contact </a></li>
<li><button class="campaign">GB Cattle Bazaar</button></li>
</ul>
</nav>
</header>
<section class="Hello about">
<nav class="mobile menu">
<span class="hamburger"
><img
src="resources/images/hambuger.svg"
alt="menu icon"
id="hamburger-icon"
/></span>
<div class="mobile-menu mobile">
<span class="xIcon"
><img src="resources/images/Union-2.svg" alt="x icon"
/></span>
<ul class="mobile">
<li><a href="index.html#hello">Hello</a></li>
<li><a href="#about-name"> About </a></li>
<li><a href="index.html#events"> Events </a></li>
<li><a href="index.html#speakers"> Speakers </a></li>
<li><a href="#contact"> Contact </a></li>
</ul>
</div>
</nav>
<span id="hello-about" class="hello mobile">"Hello! Beef-and-dairyans"</span>
<h1 class="summit-name about" id="about-name">
GREAT BRITISH CATTLE BAZAAR 2027
</h1>
<p class="about-description">
The world's largest livestock sale, with over 40,000 cattle sold annually, as well as 200 million litres of milk. And including a sparkling lineup of the biggest names in the production of beef animals and dairy herds.
<span class="desktop"
><br />Culpa vitae consectetur, quo autem architecto ipsa aliquam
fugit numquam ipsum. Pariatur debitis non modi, accusantium eligendi
commodi iste vel sequi et! Lorem ipsum dolor sit amet consectetur
adipisicing elit.<br /><br />Repellat ratione beatae ipsam corporis
minima assumenda natus numquam sapiente ea excepturi, ab culpa
voluptate.Lorem ipsum dolor sit amet consectetur adipisicing elit.
Quod, unde? Modi quasi facilis sapiente reprehenderit?</span
>
</p>
<div class="contact-us" id="contact">
<p class="contact about">
Please contact us per Email for any further questions about the Great British Cattle Bazaar 2027!
</p>
<a href="#" class="contact-site about">GBCattleB2027@gbcb.com/beef</a>
</div>
</section>
<section class="logo-about">
<h2>Great British<br class="mobile"/>Cattle Bazaar 2027 Logo</h2>
<p>
The logo of the Great British Cattle Bazaar 2027 was amet consectetur adipisicing
elit. Lorem ipsum dolor sit met consectetur.<span class="desktop"><br>Lorem ipsum dolor sit emat, consectetur adipisicing elit. A ducimus, minus numquam omnis dignissimos nobis eius obcaecati veritatis vitae laudantium sint harum adipisci! Iusto sint iure eligendi, ullam corrupti ipsum.</span>
</p>
<div class="logo1">
<img src="resources/images/logo.png" alt="summit logo" />
</div>
</section>
<section class="past-about">
<h2>See the past Great British Cattle Bazaars</h2>
<p>
Take a look at the last two amet consectetur adipisicing elit. Lorem
ipsum dolor sit amet consectetur and amet.
</p>
<section class="past-events">
<div class="past-cc" id="cc2014">
2026<br /><span>Great British Cattle Bazaar <br />in Buenos Aires</span>
</div>
<div class="past-cc" id="cc2013">
2025<br /><span>Great British Cattle Bazaar <br />in Berlin</span>
</div>
</section>
</section>
<section class="partners mobile">
<h2>Partners</h2>
<div class="partner-logos">
<img src="resources/images/behance.png" alt="icon"/>
<img src="resources/images/dropbox.png" alt="icon2"/>
<img src="resources/images/soundcloud.png" alt="icon3"/>
<img src="resources/images/ebay.png" alt="icon4"/>
<img src="resources/images/wordpress.png" alt="icon5"/>
<img src="resources/images/linkedin.png" alt="icon6"/>
<img src="resources/images/instagram.png" alt="icon7"/>
</div>
</section>
<footer class="about about-footer">
<div class="logo-footer about-footer">
<img src="resources/images/logo.png" alt="icon7" class="about-footer"/>
</div>
<div class="copyrigths about-footer">
© 2027 Creative British Cattle. <br />
Some Rights Reserved.
</div>
</footer>
<script type="text/javascript" src="script.js"></script>
</body>
</html>