-
Notifications
You must be signed in to change notification settings - Fork 5
/
index.html
141 lines (134 loc) · 12 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
130
131
132
133
134
135
136
137
138
139
140
141
<!DOCTYPE html>
<html style="font-size: 16px;" lang="de"><head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8">
<meta name="keywords" content="very cool adventure tours, some of the Experiences Are More Satisfying Than Others, GO BIG OR STAY HOME, Best places for hiking tours, Hike the amazing mountains, Send us messages for any info.">
<meta name="description" content="">
<title>Startseite</title>
<link rel="stylesheet" href="nicepage.css" media="screen">
<link rel="stylesheet" href="Startseite.css" media="screen">
<script class="u-script" type="text/javascript" src="jquery.js" "="" defer=""></script>
<script class="u-script" type="text/javascript" src="nicepage.js" "="" defer=""></script>
<meta name="generator" content="Nicepage 4.17.10, nicepage.com">
<link id="u-theme-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Open+Sans:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i">
<link id="u-page-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i|Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|PT+Sans:400,400i,700,700i|Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i">
<script type="application/ld+json">{
"@context": "http://schema.org",
"@type": "Organization",
"name": ""
}</script>
<meta name="theme-color" content="#47b2c9">
<meta property="og:title" content="Startseite">
<meta property="og:type" content="website">
</head>
<body data-home-page="Startseite.html" data-home-page-title="Startseite" class="u-body u-xl-mode" data-lang="de"><header class="u-clearfix u-header u-palette-5-dark-3 u-header" id="sec-a6db"><div class="u-clearfix u-sheet u-sheet-1">
<img class="u-image u-image-contain u-image-default u-image-1" src="images/Logo-Red_Hat-B-White-RGB.png" alt="" data-image-width="776" data-image-height="500">
<p class="u-text u-text-default u-text-1">OCP Demo for OCP Infra Workshop Demo</p>
<nav class="u-menu u-menu-one-level u-offcanvas u-menu-1" data-responsive-from="XL">
<div class="menu-collapse" style="font-size: 1rem; letter-spacing: 0px; text-transform: uppercase;">
<a class="u-button-style u-custom-active-border-color u-custom-border u-custom-border-color u-custom-borders u-custom-hover-border-color u-custom-left-right-menu-spacing u-custom-padding-bottom u-custom-text-active-color u-custom-text-color u-custom-text-hover-color u-custom-top-bottom-menu-spacing u-nav-link u-text-active-palette-1-base u-text-hover-palette-2-base" href="#">
<svg class="u-svg-link" viewBox="0 0 24 24"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#menu-hamburger"></use></svg>
<svg class="u-svg-content" version="1.1" id="menu-hamburger" viewBox="0 0 16 16" x="0px" y="0px" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><g><rect y="1" width="16" height="2"></rect><rect y="7" width="16" height="2"></rect><rect y="13" width="16" height="2"></rect>
</g></svg>
</a>
</div>
<div class="u-custom-menu u-nav-container">
<ul class="u-nav u-spacing-20 u-unstyled u-nav-1"><li class="u-nav-item"><a class="u-border-active-palette-1-base u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-palette-2-base u-text-body-alt-color u-text-hover-palette-2-base" href="Startseite.html" style="padding: 10px;">Startseite</a>
</li><li class="u-nav-item"><a class="u-border-active-palette-1-base u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-palette-2-base u-text-body-alt-color u-text-hover-palette-2-base" href="About.html" style="padding: 10px;">About</a>
</li><li class="u-nav-item"><a class="u-border-active-palette-1-base u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-palette-2-base u-text-body-alt-color u-text-hover-palette-2-base" href="Kontakt.html" style="padding: 10px;">Kontakt</a>
</li></ul>
</div>
<div class="u-custom-menu u-nav-container-collapse">
<div class="u-black u-container-style u-inner-container-layout u-opacity u-opacity-95 u-sidenav">
<div class="u-inner-container-layout u-sidenav-overflow">
<div class="u-menu-close"></div>
<ul class="u-align-center u-nav u-popupmenu-items u-unstyled u-nav-2"><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Startseite.html">Startseite</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="About.html">About</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Kontakt.html">Kontakt</a>
</li></ul>
</div>
</div>
<div class="u-black u-menu-overlay u-opacity u-opacity-70"></div>
</div>
</nav>
</div></header>
<section class="u-clearfix u-image u-section-1" id="sec-a949" data-image-width="626" data-image-height="626">
<div class="u-palette-2-base u-shape u-shape-rectangle u-shape-1"></div>
<div class="u-align-left u-container-style u-group u-palette-5-dark-3 u-group-1">
<div class="u-container-layout u-container-layout-1">
<h5 class="u-text u-text-1">Red Hat</h5>
<h1 class="u-text u-text-2">cool adventure tours</h1>
</div>
</div>
</section>
<section class="u-align-center u-clearfix u-image u-shading u-section-2" id="carousel_13a7" data-image-width="1554" data-image-height="1080">
<div class="u-clearfix u-sheet u-valign-middle u-sheet-1"><span class="u-icon u-icon-circle u-text-white u-icon-1"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 511.995 511.995" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-95d2"></use></svg><svg class="u-svg-content" viewBox="0 0 511.995 511.995" id="svg-95d2"><g><path d="m263.409 284.012 60.72-44.888 170.399 129.659-143.333-215.296h-46.173l-40.785-61.263-91.213 137.009z"></path><path d="m123.485 234.288-123.485 185.483h303.223l-50.623-107.23z"></path><path d="m323.87 276.624-40.809 30.168 53.337 112.979h175.597z"></path>
</g></svg></span>
<h1 class="u-align-center u-text u-text-default u-text-1">GO BIG OR STAY HOME<br>
</h1>
<div class="u-border-9 u-border-white u-line u-line-horizontal u-line-1"></div>
<p class="u-text u-text-2">Active types like Marc travel for experiences that engage the muscles as much as the mind or the heart. Whether that’s a leisurely bike ride through remote villages, a trek to the top of Kilimanjaro, or physical pursuits like rock-climbing, ziplining, or dogsledding.</p>
<p class="u-text u-text-3">Image from <a href="https://www.freepik.com/photos/background" class="u-active-none u-border-1 u-border-white u-btn u-button-link u-button-style u-hover-none u-none u-text-body-alt-color u-btn-1" target="_blank">Freepik</a>
</p>
<a href="https://nicepage.best" class="u-active-palette-2-base u-align-center u-border-none u-btn u-btn-rectangle u-button-style u-custom-font u-font-courier-new u-hover-palette-2-base u-radius-0 u-text-active-white u-text-body-color u-text-hover-white u-white u-btn-2">read more</a>
</div>
</section>
<section class="u-align-center u-clearfix u-grey-10 u-valign-middle u-section-3" id="carousel_fcd0">
<div class="u-clearfix u-gutter-0 u-layout-wrap u-layout-wrap-1">
<div class="u-gutter-0 u-layout">
<div class="u-layout-row">
<div class="u-align-left u-container-style u-layout-cell u-size-30 u-white u-layout-cell-1">
<div class="u-container-layout u-valign-middle u-container-layout-1">
<div class="u-expanded-width u-form u-form-1">
<form action="//publish.nicepage.com/Form/Process" method="POST" class="u-clearfix u-form-spacing-24 u-form-vertical u-inner-form" style="padding: 20px;" source="email" name="form">
<div class="u-form-email u-form-group">
<label for="email-3b9a" class="u-form-control-hidden u-label" wfd-invisible="true">Email</label>
<input type="email" placeholder="Email" id="email-3b9a" name="email" class="u-border-2 u-border-no-left u-border-no-right u-border-no-top u-border-palette-2-base u-input u-input-rectangle u-input-1" required="">
</div>
<div class="u-form-group u-form-message">
<label for="message-3b9a" class="u-form-control-hidden u-label" wfd-invisible="true">Message</label>
<textarea placeholder="Message" rows="4" cols="50" id="message-3b9a" name="message" class="u-border-2 u-border-no-left u-border-no-right u-border-no-top u-border-palette-2-base u-input u-input-rectangle u-input-2" required=""></textarea>
</div>
<div class="u-align-left u-form-group u-form-submit">
<a href="#" class="u-btn u-btn-submit u-button-style u-hover-palette-2-light-1 u-palette-2-base u-btn-1">send</a>
<input type="submit" value="submit" class="u-form-control-hidden" wfd-invisible="true">
</div>
<div class="u-form-send-message u-form-send-success" wfd-invisible="true"> Thank you! Your message has been sent. </div>
<div class="u-form-send-error u-form-send-message" wfd-invisible="true"> Unable to send your message. Please fix errors then try again. </div>
<input type="hidden" value="" name="recaptchaResponse" wfd-invisible="true">
<input type="hidden" name="formServices" value="d92e9e526e92bccb54d1daec8bc110b1">
</form>
</div>
</div>
</div>
<div class="u-align-left u-container-style u-layout-cell u-size-30 u-white u-layout-cell-2">
<div class="u-container-layout u-valign-top u-container-layout-2">
<h6 class="u-text u-text-grey-50 u-text-1">contact us</h6>
<h2 class="u-custom-font u-font-montserrat u-text u-text-black u-text-2">Send us messages for any info.</h2>
<p class="u-text u-text-3">Call us for any emergency to this number</p>
<a href="https://nicepage.com/c/architecture-building-website-templates" class="u-active-none u-btn u-button-style u-hover-none u-none u-text-hover-grey-80 u-text-palette-2-base u-btn-2"> +1 (234) 567-8910</a>
</div>
</div>
</div>
</div>
</div>
<div class="u-border-11 u-border-palette-2-base u-line u-line-horizontal u-line-1"></div>
<p class="u-text u-text-default u-text-4">Images from <a href="https://www.freepik.com/vectors/background" class="u-active-none u-border-1 u-border-black u-btn u-button-link u-button-style u-hover-none u-none u-text-body-color u-btn-3" target="_blank">Freepik</a>
<br>
</p>
</section>
<footer class="u-align-center u-clearfix u-footer u-grey-80 u-footer" id="sec-c599"><div class="u-clearfix u-sheet u-sheet-1">
<p class="u-small-text u-text u-text-variant u-text-1">Sample text. Click again or double click to start editing the text.</p>
</div></footer>
<section class="u-backlink u-clearfix u-grey-80">
<a class="u-link" href="https://nicepage.com/html5-template" target="_blank">
<span>HTML5 Templates</span>
</a>
<p class="u-text">
<span>created with</span>
</p>
<a class="u-link" href="https://nicepage.com/wysiwyg-html-editor" target="_blank">
<span>Free WYSIWYG HTML Editor</span>
</a>.
</section>
</body></html>