Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

contact: update form and content #782

Open
wants to merge 3 commits into
base: master
Choose a base branch
from
Open

contact: update form and content #782

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
e9496d5
contact: update form and content
Mar 29, 2023
8eada5a
Update _success-stories.html
iancoralogix Mar 30, 2023
1db9afd
Update _expectations.html
iancoralogix Mar 30, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
12 changes: 12 additions & 0 deletions pages/contact/_expectations.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
<div class="card h-100">
<div class="card-body">
<h5 class="card-title">During your live demo we will:</h5>
<ul class="card-text list-group-flush list-unstyled">
<li class="list-group-item">1. Discuss your specific use case and requirements.</li>
<li class="list-group-item">2. Walk you through the Gruntwork platform tailored to your needs.</li>
<li class="list-group-item">3. Offer additional training and DevOps support.</li>
<li class="list-group-item">4. Discover game-changing solutions to your most pressing challenges.</li>
</ul>
</div>
</div>

61 changes: 32 additions & 29 deletions pages/contact/_form.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,16 @@
<div id="error-message"></div>
<style>
.form-control {
background-color: #333;
border-color: #555;
color: #fff;
}

#submit-button {
background-color: #007bff;
border-color: #007bff;
}
</style>
<form
id="contact-form"
method="post"
Expand All @@ -15,44 +27,35 @@
<input type="hidden" name="_next" id="_next" value="{{ site.url }}/thanks/" />
<input type="hidden" name="hello_gruntwork" value=""/>
<input type="text" name="_gotcha" style="display:none" />

{% include_relative _input-text.html id="contact-name" label="Name"
required=true placeholder="Jon Doe" %} {% include_relative _input-text.html
required=true placeholder="Jon Doe" %}

{% include_relative _input-text.html
id="contact-email" label="Email" required=true placeholder="[email protected]"
type="email" %}

<div class="form-group">
<div class="row">
<div class="col-xs-12 col-md-4">
<label for="contact-message">How can we help?</label>
</div>
<div class="col-xs-12 col-md-8">
<textarea
id="contact-message"
name="contact-message"
class="form-control"
rows="3"
required="required"
placeholder="Enter a message"
></textarea>
</div>
</div>
<label for="contact-message">How can we help?</label>
<textarea
id="contact-message"
name="contact-message"
class="form-control"
rows="5"
required="required"
placeholder="Enter a message"
></textarea>
</div>

<div class="form-group">
<div class="row">
<div class="col-xs-12 col-md-4">
<label for="contact-message"></label>
</div>
<div class="col-xs-12 col-md-8">
<div class="text-center" style="text-align:right;display: block;">
<div class="text-center">
<br>
<button type="submit" id="submit-button" class="col-xs-8 btn btn-primary" ga-on="click" ga-event-category="contact" ga-event-action="submit" style="
">
<button type="submit" id="submit-button" class="btn btn-primary" ga-on="click" ga-event-category="contact" ga-event-action="submit" style="width: 100%;">
Book a Demo
</button>
</div>
</div>
</div>
</div>
</form>

</div>
<!-- ... other code ... -->

</form>

9 changes: 7 additions & 2 deletions pages/contact/_hero.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,12 @@
<div class="container">
<div class="row">
<div class="col-xs-12 text-center">
<h1>Book a Gruntwork Demo</h1>
<div class="col-xs-12">
<p class="lead">
<h1>Discover Gruntwork</h1>
</p>
<p class="lead"> Unlock Success in the Cloud: Save Time, Money, and Effort with Gruntwork
</p>
</div>
</div>
</div>

18 changes: 10 additions & 8 deletions pages/contact/_input-text.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,10 +1,12 @@
<div class="form-group">
<div class="row">
<div class="col-xs-12 col-md-4">
<label for="{{ include.id }}">{{ include.label }}</label>
</div>
<div class="col-xs-12 col-md-8">
<input id="{{ include.id }}" name="{{ include.id }}" type="{% if include.type %}{{ include.type }}{% else %}text{% endif %}" class="form-control" placeholder="{{ include.placeholder }}"{% if include.required %} required="required"{% endif %}>
</div>
</div>
<label for="{{ include.id }}" class="form-label">{{ include.label }}</label>
<input
id="{{ include.id }}"
name="{{ include.id }}"
type="{% if include.type %}{{ include.type }}{% else %}text{% endif %}"
class="form-control"
placeholder="{{ include.placeholder }}"
{% if include.required %} required="required"{% endif %}
/>
</div>

11 changes: 11 additions & 0 deletions pages/contact/_success-stories.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
<div class="card-body">
<h5 class="card-title">Our customers have experienced:</h5>
<ul class="card-text list-group-flush list-unstyled">
<li class="list-group-item">• Up to 90% reduction in time spent on infrastructure management.</li>
<li class="list-group-item">• 50% or more cost savings on cloud resources.</li>
<li class="list-group-item">• Faster time-to-market for their applications.</li>
<li class="list-group-item">• Increased reliability and security in their cloud environments.</li>
</ul>
</div>
</div>

13 changes: 10 additions & 3 deletions pages/contact/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,16 +9,23 @@
---

<div class="main">
<div class="section section-hero">
<div class="section section-hero section-hero-with-button">
{% include_relative _hero.html %}
</div>
<div class="section section-dark">
<div class="container">
<div class="row row-form">
<div class="col-xs-12 col-md-8 col-md-offset-2">
<div class="row">
<div class="col-md-3">
{% include_relative _expectations.html %}
</div>
<div class="col-md-6">
{% include_relative _form.html %}
</div>
<div class="col-md-3">
{% include_relative _success-stories.html %}
</div>
</div>
</div>
</div>
</div>