Initial commit: CloudOps infrastructure platform
This commit is contained in:
root
@@ -0,0 +1,24 @@
|
||||
<style type="text/css" scoped>
|
||||
.mauticform_wrapper { max-width: 600px; margin: 10px auto; font-family: Helvetica, Arial, sans-serif; color: #676767;}
|
||||
.mauticform-innerform {}
|
||||
.mauticform-post-success {}
|
||||
.mauticform-name { font-weight: bold; font-size: 1.5em; margin-bottom: 3px; }
|
||||
.mauticform-description { margin-top: 2px; margin-bottom: 10px; }
|
||||
.mauticform-error { margin-bottom: 10px; color: red; }
|
||||
.mauticform-message { margin-bottom: 10px;color: green; }
|
||||
.mauticform-row { display: block; margin-bottom: 20px; }
|
||||
.mauticform-label { font-size: 1.1em; display: block; font-weight: bold; margin-bottom: 5px; }
|
||||
.mauticform-row.mauticform-required .mauticform-label:after { color: #e32; content: " *"; display: inline; }
|
||||
.mauticform-helpmessage { display: block; font-size: 0.9em; margin-bottom: 3px; }
|
||||
.mauticform-errormsg { display: block; color: red; margin-top: 2px; }
|
||||
.mauticform-selectbox, .mauticform-input, .mauticform-textarea { width: 100%; padding: 0.5em 0.5em; border: 1px solid #CCC; background: #fff; box-shadow: 0px 0px 0px #fff inset; border-radius: 4px; box-sizing: border-box; }
|
||||
.mauticform-checkboxgrp-row {}
|
||||
.mauticform-checkboxgrp-label { font-weight: normal; }
|
||||
.mauticform-checkboxgrp-checkbox {}
|
||||
.mauticform-radiogrp-row {}
|
||||
.mauticform-radiogrp-label { font-weight: normal; }
|
||||
.mauticform-radiogrp-radio {}
|
||||
.mauticform-button-wrapper .mauticform-button.btn-default { color: #5d6c7c;background-color: #ffffff;border-color: #dddddd;}
|
||||
.mauticform-button-wrapper .mauticform-button { display: inline-block;margin-bottom: 0;font-weight: 600;text-align: center;vertical-align: middle;cursor: pointer;background-image: none;border: 1px solid transparent;white-space: nowrap;padding: 6px 12px;font-size: 13px;line-height: 1.3856;border-radius: 3px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
|
||||
.mauticform-button-wrapper .mauticform-button.btn-default[disabled] { background-color: #ffffff; border-color: #dddddd;}
|
||||
</style>
|
||||
@@ -0,0 +1,29 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
{% if page is defined %}
|
||||
<title>{pagetitle}</title>
|
||||
<meta name="description" content="{pagemetadescription}">
|
||||
<meta charset="UTF-8">
|
||||
{% endif %}
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="stylesheet" href="{{ getAssetUrl('themes/'~template~'/css/style.css')}}" type="text/css">
|
||||
<script type="text/javascript" src="{{ getAssetUrl('themes/'~template~'/js/jquery.min.js')}}"></script>
|
||||
<script type="text/javascript" src="{{ getAssetUrl('themes/'~template~'/js/parallax-element.js')}}"></script>
|
||||
<script type="text/javascript" src="{{ getAssetUrl('themes/'~template~'/js/extras.js')}}"></script>
|
||||
{{ outputHeadDeclarations() }}
|
||||
</head>
|
||||
<body id="bodyTag">
|
||||
{{ outputScripts('bodyOpen') }}
|
||||
{% block content %}{% endblock %}
|
||||
{{ outputScripts('bodyClose') }}
|
||||
</body>
|
||||
<script type="text/javascript">
|
||||
if ( $( ".background-image" ).length ) {
|
||||
$('.background-image').parallaxElement({
|
||||
disableMobile: true,
|
||||
defaultSpeed: -0.2,
|
||||
});
|
||||
}
|
||||
</script>
|
||||
</html>
|
||||
@@ -0,0 +1,10 @@
|
||||
{% extends "@themes/"~template~"/html/base.html.twig" %}
|
||||
|
||||
{% block content %}
|
||||
<div class="well text-center">
|
||||
{{ message|raw }}
|
||||
{% if content is defined %}
|
||||
<div class="text-left">{{ content|raw }}</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,233 @@
|
||||
{% extends "@themes/"~template~"/html/base.html.twig" %}
|
||||
{% block content %}
|
||||
<header data-section-wrapper="1" id="top">
|
||||
<div data-section="1">
|
||||
<div class="container">
|
||||
<div class="c6" data-slot-container="1">
|
||||
<div data-slot="text">
|
||||
<img class="logo" src="{{getAssetUrl('themes/'~template~'/assets/logo_white.svg')}}">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<section data-section-wrapper="1" class="hero" style="background-color: #00bf9a;">
|
||||
<div data-section="1" class="background">
|
||||
<div data-slot-container="1">
|
||||
<div data-slot="text">
|
||||
<img class="background-image" src="{{getAssetUrl('themes/'~template~'/assets/photo_hero-background.jpg')}}">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container" data-slot-container="1">
|
||||
<div class="c6">
|
||||
<div data-slot="text">
|
||||
<h1>H1 Header</h1>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed metus felis, convallis porta cursus vehicula, iaculis at erat. Suspendisse quis pulvinar ligula. Etiam sagittis, velit a cursus sollicitudin, enim ex vestibulum felis, ac finibus dui dui ac est.</p>
|
||||
</div>
|
||||
<div data-slot="text">
|
||||
<h2>H2 Customers</h2>
|
||||
<div class="customers">
|
||||
<div class="logos">
|
||||
<div class="logo-container">
|
||||
<img class="logo" src="{{getAssetUrl('themes/'~template~'/assets/logo_demo-company-i.svg')}}">
|
||||
</div>
|
||||
<div class="logo-container">
|
||||
<img class="logo" src="{{getAssetUrl('themes/'~template~'/assets/logo_demo-company-ii.svg')}}">
|
||||
</div>
|
||||
<div class="logo-container">
|
||||
<img class="logo" src="{{getAssetUrl('themes/'~template~'/assets/logo_demo-company-iii.svg')}}">
|
||||
</div>
|
||||
<div class="logo-container">
|
||||
<img class="logo" src="{{getAssetUrl('themes/'~template~'/assets/logo_demo-company-iv.svg')}}">
|
||||
</div>
|
||||
<div class="logo-container">
|
||||
<img class="logo" src="{{getAssetUrl('themes/'~template~'/assets/logo_demo-company-v.svg')}}">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<div data-section-wrapper="1" class="fixed-form">
|
||||
<div data-section="1">
|
||||
<div data-slot-container="1">
|
||||
<div data-slot="text">
|
||||
<div class="form white">
|
||||
<h2>H2 Call-To-Action</h2>
|
||||
<div>
|
||||
<img src="{{getAssetUrl('themes/'~template~'/assets/img_form-demo.jpg')}}" style="margin: 0 auto;">
|
||||
<!-- PLACE FORM HERE -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<section data-section-wrapper="1" class="details" style="background-color: #f5f5f5;">
|
||||
<div data-section="1" class="container">
|
||||
<div data-slot-container="1" class="c6">
|
||||
<div data-slot="text">
|
||||
<h2>H2 Details</h2>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed metus felis, convallis porta cursus vehicula, iaculis at erat. Suspendisse quis pulvinar ligula. Etiam sagittis, velit a cursus sollicitudin, enim ex vestibulum felis, ac finibus dui dui ac est.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section data-section-wrapper="1" class="speakers" style="background-color: #f5f5f5;">
|
||||
<div data-section="1" class="container">
|
||||
<div class="speakers-container">
|
||||
<div class="c6" data-slot-container="1">
|
||||
<div data-slot="text">
|
||||
<h2>H2 Speakers</h2>
|
||||
</div>
|
||||
<div class="speaker" data-slot="text">
|
||||
<div class="speaker-image">
|
||||
<img src="{{getAssetUrl('themes/'~template~'/assets/photo_man.jpg')}}">
|
||||
</div>
|
||||
<div class="speaker-details">
|
||||
<h3>H3 Name</h3>
|
||||
<p>Details about speaker</p>
|
||||
<p>More details about speaker</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="speaker" data-slot="text">
|
||||
<div class="speaker-image">
|
||||
<img src="{{getAssetUrl('themes/'~template~'/assets/photo_man.jpg')}}">
|
||||
</div>
|
||||
<div class="speaker-details">
|
||||
<h3>H3 Name</h3>
|
||||
<p>Details about speaker</p>
|
||||
<p>More details about speaker</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section data-section-wrapper="1" class="grid" style="background-color: #00bf9a;">
|
||||
<div data-section="1" class="container">
|
||||
<div class="c6" data-slot-container="1">
|
||||
<div data-slot="text">
|
||||
<h2>H2 Grid</h2>
|
||||
</div>
|
||||
<div data-slot="text" class="grid-container">
|
||||
<div class="grid-item">
|
||||
<img class="grid-background-image" src="{{getAssetUrl('themes/'~template~'/assets/photo_hero-background.jpg')}}">
|
||||
<img class="icon" src="{{getAssetUrl('themes/'~template~'/assets/icon_grid.svg')}}">
|
||||
<h3>H3 Grid Item</h3>
|
||||
<p>Grid item details</p>
|
||||
</div>
|
||||
</div>
|
||||
<div data-slot="text" class="grid-container">
|
||||
<div class="grid-item">
|
||||
<img class="icon" src="{{getAssetUrl('themes/'~template~'/assets/icon_grid.svg')}}">
|
||||
<h3>H3 Grid Item</h3>
|
||||
<p>Grid item details</p>
|
||||
</div>
|
||||
<div class="grid-item">
|
||||
<img class="grid-background-image" src="{{getAssetUrl('themes/'~template~'/assets/photo_hero-background.jpg')}}">
|
||||
<img class="icon" src="{{getAssetUrl('themes/'~template~'/assets/icon_grid.svg')}}">
|
||||
<h3>H3 Grid Item</h3>
|
||||
<p>Grid item details</p>
|
||||
</div>
|
||||
</div>
|
||||
<div data-slot="text" class="grid-container">
|
||||
<div class="grid-item">
|
||||
<img class="grid-background-image" src="{{getAssetUrl('themes/'~template~'/assets/photo_hero-background.jpg')}}">
|
||||
<img class="icon" src="{{getAssetUrl('themes/'~template~'/assets/icon_grid.svg')}}">
|
||||
<h3>H3 Grid Item</h3>
|
||||
<p>Grid item details</p>
|
||||
</div>
|
||||
<div class="grid-item">
|
||||
<img class="icon" src="{{getAssetUrl('themes/'~template~'/assets/icon_grid.svg')}}">
|
||||
<h3>H3 Grid Item</h3>
|
||||
<p>Grid item details</p>
|
||||
</div>
|
||||
<div class="grid-item">
|
||||
<img class="icon" src="{{getAssetUrl('themes/'~template~'/assets/icon_grid.svg')}}">
|
||||
<h3>H3 Grid Item</h3>
|
||||
<p>Grid item details</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section data-section-wrapper="1" style="background-color: #3f3f45;">
|
||||
<div data-section="1" class="container">
|
||||
<div data-slot-container="1" class="c6">
|
||||
<div data-slot="text">
|
||||
<h2 class="green">H2 About Company</h2>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed metus felis, convallis porta cursus vehicula, iaculis at erat. Suspendisse quis pulvinar ligula. Etiam sagittis, velit a cursus sollicitudin, enim ex vestibulum felis, ac finibus dui dui ac est.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section data-section-wrapper="1" class="testimonials" style="background-color: #3f3f45;">
|
||||
<div data-slot="text" class="container">
|
||||
<div class="c6">
|
||||
<div data-slot-container="1" class="testimonials-container">
|
||||
<div class="testimonial" data-slot="text">
|
||||
<div class="c12 testimonial-quote">
|
||||
<p>“Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed metus felis, convallis porta cursus vehicula, iaculis at erat. Suspendisse quis pulvinar ligula.”</p>
|
||||
</div>
|
||||
<div class="testimonial-details">
|
||||
<div class="c5">
|
||||
<div class="speaker-image">
|
||||
<img src="{{getAssetUrl('themes/'~template~'/assets/photo_man.jpg')}}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="c7 details">
|
||||
<h3>H3 Name</h3>
|
||||
<p>Details about speaker</p>
|
||||
<p>More details about speaker</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="testimonial" data-slot="text">
|
||||
<div class="c12 testimonial-quote">
|
||||
<p>“Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed metus felis, convallis porta cursus vehicula, iaculis at erat. Suspendisse quis pulvinar ligula.”</p>
|
||||
</div>
|
||||
<div class="testimonial-details">
|
||||
<div class="c5">
|
||||
<div class="speaker-image">
|
||||
<img src="{{getAssetUrl('themes/'~template~'/assets/photo_man.jpg')}}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="c7 details">
|
||||
<h3>H3 Name</h3>
|
||||
<p>Details about speaker</p>
|
||||
<p>More details about speaker</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section data-section-wrapper="1" style="background-color: #00bf9a;" class="thank-you">
|
||||
<div data-section="1" class="container">
|
||||
<div data-slot-container="1" class="c6">
|
||||
<div data-slot="text">
|
||||
<h1>H1 Thank You</h1>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed metus felis, convallis porta cursus vehicula, iaculis at erat. Suspendisse quis pulvinar ligula. Etiam sagittis, velit a cursus sollicitudin, enim ex vestibulum felis, ac finibus dui dui ac est.</p>
|
||||
<a class="button">Get Your Asset</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<footer data-section-wrapper="1" id="bottom">
|
||||
<div data-section="1" class="container">
|
||||
<div data-slot-container="1" class="c6">
|
||||
<div data-slot="text" class="c6 logo-container">
|
||||
<img class="logo" src="{{getAssetUrl('themes/'~template~'/assets/logo_white.svg')}}">
|
||||
</div>
|
||||
<div data-slot="text" class="c6">
|
||||
<p class="copyright">© Mautic 2017</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
{% endblock %}
|
||||
Reference in New Issue
Block a user