Skip to content

Commit

Permalink
simlpified template for content placeholder
Browse files Browse the repository at this point in the history
  • Loading branch information
@growlf
growlf committed Dec 21, 2024
1 parent 5eeeae7 commit d92ae66
Showing 1 changed file with 1 addition and 228 deletions.
229 changes: 1 addition & 228 deletions backend/templates/material.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -32,234 +32,7 @@ <h6 class="text-white mb-2 mt-5">Find us on</h6>
</header>
<!-- -------- END HEADER 7 w/ text and video ------- -->
<div class="card card-body shadow-xl mx-3 mx-md-4 mt-n6">
<!-- Section with four info areas left & one card right with image and waves -->
<section class="py-7">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6">
<div class="row justify-content-start">
<div class="col-md-6">
<div class="info">
<i class="material-symbols-rounded text-3xl text-gradient text-info mb-3">public</i>
<h5>Fully integrated</h5>
<p>We get insulted by others, lose trust for those We get back freezes</p>
</div>
</div>
<div class="col-md-6">
<div class="info">
<i class="material-symbols-rounded text-3xl text-gradient text-info mb-3">payments</i>
<h5>Payments functionality</h5>
<p>We get insulted by others, lose trust for those We get back freezes</p>
</div>
</div>
</div>
<div class="row justify-content-start mt-4">
<div class="col-md-6">
<div class="info">
<i class="material-symbols-rounded text-3xl text-gradient text-info mb-3">apps</i>
<h5>Prebuilt components</h5>
<p>We get insulted by others, lose trust for those We get back freezes</p>
</div>
</div>
<div class="col-md-6">
<div class="info">
<i class="material-symbols-rounded text-3xl text-gradient text-info mb-3">3p</i>
<h5>Improved platform</h5>
<p>We get insulted by others, lose trust for those We get back freezes</p>
</div>
</div>
</div>
</div>
<div class="col-lg-4 ms-auto mt-lg-0 mt-4">
<div class="card">
<div class="card-header p-0 position-relative mt-2 mx-2 z-index-2">
<a class="d-block blur-shadow-image">
<img src="https://images.unsplash.com/photo-1544717302-de2939b7ef71?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80" alt="img-colored-shadow" class="img-fluid border-radius-lg">
</a>
</div>
<div class="card-body text-center">
<h5 class="font-weight-normal">
<a href="javascript:;">Get insights on Search</a>
</h5>
<p class="mb-0">
Website visitors today demand a frictionless user expericence — especially when using search. Because of the hight standards.
</p>
<button type="button" class="btn bg-gradient-info btn-sm mb-0 mt-3">Find out more</button>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- END Section with four info areas left & one card right with image and waves -->
<!-- -------- START Features w/ pattern background & stats & rocket -------- -->
<section class="pb-5 position-relative bg-gradient-dark mx-n3">
<div class="container">
<div class="row">
<div class="col-md-8 text-start mb-5 mt-5">
<h3 class="text-white z-index-1 position-relative">The Executive Team</h3>
<p class="text-white opacity-8 mb-0">There’s nothing I really wanted to do in life that I wasn’t able to get good at. That’s my skill.</p>
</div>
</div>
<div class="row">
<div class="col-lg-6 col-12">
<div class="card card-profile mt-4">
<div class="row">
<div class="col-lg-4 col-md-6 col-12 mt-n5">
<a href="javascript:;">
<div class="p-3 pe-md-0">
<img class="w-100 border-radius-md shadow-lg" src="{% static "assets/img/team-5.jpg" %}" alt="image">
</div>
</a>
</div>
<div class="col-lg-8 col-md-6 col-12 my-auto">
<div class="card-body ps-lg-0">
<h5 class="mb-0">Emma Roberts</h5>
<h6 class="text-info">UI Designer</h6>
<p class="mb-0">Artist is a term applied to a person who engages in an activity deemed to be an art.</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-12">
<div class="card card-profile mt-lg-4 mt-5">
<div class="row">
<div class="col-lg-4 col-md-6 col-12 mt-n5">
<a href="javascript:;">
<div class="p-3 pe-md-0">
<img class="w-100 border-radius-md shadow-lg" src="{% static "assets/img/bruce-mars.jpg" %}" alt="image">
</div>
</a>
</div>
<div class="col-lg-8 col-md-6 col-12 my-auto">
<div class="card-body ps-lg-0">
<h5 class="mb-0">William Pearce</h5>
<h6 class="text-info">Boss</h6>
<p class="mb-0">Artist is a term applied to a person who engages in an activity deemed to be an art.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row mt-4">
<div class="col-lg-6 col-12">
<div class="card card-profile mt-4 z-index-2">
<div class="row">
<div class="col-lg-4 col-md-6 col-12 mt-n5">
<a href="javascript:;">
<div class="p-3 pe-md-0">
<img class="w-100 border-radius-md shadow-lg" src="{% static "assets/img/ivana-squares.jpg" %}" alt="image">
</div>
</a>
</div>
<div class="col-lg-8 col-md-6 col-12 my-auto">
<div class="card-body ps-lg-0">
<h5 class="mb-0">Ivana Flow</h5>
<h6 class="text-info">Athlete</h6>
<p class="mb-0">Artist is a term applied to a person who engages in an activity deemed to be an art.</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-12">
<div class="card card-profile mt-lg-4 mt-5 z-index-2">
<div class="row">
<div class="col-lg-4 col-md-6 col-12 mt-n5">
<a href="javascript:;">
<div class="p-3 pe-md-0">
<img class="w-100 border-radius-md shadow-lg" src="{% static "assets/img/ivana-square.jpg" %}" alt="image">
</div>
</a>
</div>
<div class="col-lg-8 col-md-6 col-12 my-auto">
<div class="card-body ps-lg-0">
<h5 class="mb-0">Marquez Garcia</h5>
<h6 class="text-info">JS Developer</h6>
<p class="mb-0">Artist is a term applied to a person who engages in an activity deemed to be an art.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- -------- END Features w/ pattern background & stats & rocket -------- -->
<section class="pt-4 pb-6" id="count-stats">
<div class="container">
<div class="row mb-7">
<div class="col-lg-2 col-md-4 col-6 mb-4">
<img class="w-100 opacity-7" src="{% static "assets/img/logos/gray-logos/logo-coinbase.svg" %}" alt="logo">
</div>
<div class="col-lg-2 col-md-4 col-6 mb-4">
<img class="w-100 opacity-7" src="{% static "assets/img/logos/gray-logos/logo-nasa.svg" %}" alt="logo">
</div>
<div class="col-lg-2 col-md-4 col-6 mb-4">
<img class="w-100 opacity-7" src="{% static "assets/img/logos/gray-logos/logo-netflix.svg" %}" alt="logo">
</div>
<div class="col-lg-2 col-md-4 col-6 mb-4">
<img class="w-100 opacity-7" src="{% static "assets/img/logos/gray-logos/logo-pinterest.svg" %}" alt="logo">
</div>
<div class="col-lg-2 col-md-4 col-6 mb-4">
<img class="w-100 opacity-7" src="{% static "assets/img/logos/gray-logos/logo-spotify.svg" %}" alt="logo">
</div>
<div class="col-lg-2 col-md-4 col-6 mb-4">
<img class="w-100 opacity-7" src="{% static "assets/img/logos/gray-logos/logo-vodafone.svg" %}" alt="logo">
</div>
</div>
<div class="row justify-content-center text-center">
<div class="col-md-3">
<h1 class="text-gradient text-info" id="state1" countTo="5234">0</h1>
<h5>Projects</h5>
<p>Of “high-performing” level are led by a certified project manager</p>
</div>
<div class="col-md-3">
<h1 class="text-gradient text-info"><span id="state2" countTo="3400">0</span>+</h1>
<h5>Hours</h5>
<p>That meets quality standards required by our users</p>
</div>
<div class="col-md-3">
<h1 class="text-gradient text-info"><span id="state3" countTo="24">0</span>/7</h1>
<h5>Support</h5>
<p>Actively engage team members that finishes on time</p>
</div>
</div>
</div>
</section>
<!-- -------- START PRE-FOOTER 1 w/ SUBSCRIBE BUTTON AND IMAGE ------- -->
<section class="my-5 pt-5">
<div class="container">
<div class="row">
<div class="col-md-6 m-auto">
<h4>Be the first to see the news</h4>
<p class="mb-4">
Your company may not be in the software business,
but eventually, a software company will be in your business.
</p>
<div class="row">
<div class="col-8">
<div class="input-group input-group-outline">
<label class="form-label">Email Here...</label>
<input type="text" class="form-control mb-sm-0">
</div>
</div>
<div class="col-4 ps-0">
<button type="button" class="btn bg-gradient-info mb-0 h-100 position-relative z-index-2">Subscribe</button>
</div>
</div>
</div>
<div class="col-md-5 ms-auto">
<div class="position-relative">
<img class="max-width-50 w-100 position-relative z-index-2" src="{% static "assets/img/macbook.png" %}" alt="image">
</div>
</div>
</div>
</div>
</section>
<!-- -------- END PRE-FOOTER 1 w/ SUBSCRIBE BUTTON AND IMAGE ------- -->
{% placeholder "Content" %}
</div>

{% endblock content %}
Expand Down

0 comments on commit d92ae66

Please sign in to comment.