Difference between revisions of "Main Page"

From Whole Latte Love Support Library

(Main Page Update)
(New responsive homepage feat. Todd!)
Line 2: Line 2:
 
<div class="container">
 
<div class="container">
 
<div class="mainbanner" style="text-align:center;">
 
<div class="mainbanner" style="text-align:center;">
[[File:WikiBanner_BornToBrew.jpg|upright|link=https://www.wholelattelove.com/]]
+
[[File:BornToBrewTodd.png|upright|link=https://www.wholelattelove.com/]]
 
</div>
 
</div>
  
<div class="center" style="width: auto; margin-left: auto; margin-right: auto; padding-left:20px; padding-right:20px;"><h1 style="font-family:helvetica; font-color:#f0f0f0; font-weight:700; padding-bottom:10px;">Welcome to the <span style="color:#d6691e;">Whole Latte Love</span> online support library.</h1></div>
+
<div class="center" style="width: auto; margin-left: auto; margin-right: auto; padding-left:20px; padding-right:20px;"><h1 style="text-align:center;font-family:helvetica; font-color:#f0f0f0; font-weight:700; margin-top:5%; padding-bottom:10px;">Welcome to the <span style="color:#d6691e;">Whole Latte Love</span><br> Online Support Library!</h1></div>
  
<div style="padding-left:20px; padding-right:20px;">
+
<div style="padding:0 20px 0 20px;margin:30px 0 30px 0;">
 
<p>The Whole Latte Love Wiki strives to bring all of our technical expertise and coffee know-how into one convenient place that anyone can use. Here, you will find machine descriptions, basic usage instructions, troubleshooting tips, machine manuals and diagrams, hardware specifications, and coffee terminology and how-to’s.</p>
 
<p>The Whole Latte Love Wiki strives to bring all of our technical expertise and coffee know-how into one convenient place that anyone can use. Here, you will find machine descriptions, basic usage instructions, troubleshooting tips, machine manuals and diagrams, hardware specifications, and coffee terminology and how-to’s.</p>
  
Line 13: Line 13:
 
</div>
 
</div>
  
<div style="background-color:#f5f5f5; padding:0px 20px 20px 20px;>
+
<div style="padding-left:20px; padding-right:20px;">
 +
<p>Improving and expanding our content is a continual process that helps us evolve, not only in the amount of
 +
information that is available, but also in the way it is presented. Please visit here often. We are constantly
 +
adding to and revising this comprehensive knowledge-base of all things coffee as part of our enduring focus on
 +
our customers’ needs, and our commitment to supporting a community that truly believes in “Latte Love.”</p>
 +
</div>
 +
 
 +
 
 +
<div style="background-color:#f5f5f5; padding:0 20px 0 20px;margin:30px 0 30px 0;>
 
<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">
 
<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">
<h1 style="font-family:helvetica; font-color:#f0f0f0; font-weight:700; padding-top:10px; padding-bottom:10px;">Find info by brand</h1></div>
+
<h1 style="font-family:helvetica; font-color:#f0f0f0; font-weight:700; padding-top:10px; padding-bottom:30px;text-align: center;">Find info by brand</h1></div>
<ol style="margin:0; padding:0; list-style:none; width:100%; text-align:center; padding-top:10px;>
+
 
<li style="display:inline-block; text-align:center; background-color:#fff; width:20%; margin:12px; position:relative; padding-top:10px; padding-bottom:10px;">
+
<div class="row" style="text-align: center; width: 100%; margin-left: auto; margin-right: auto; ">
[[File:Bezzera_WikiSize.jpg|200px|center|link=https://wiki.wholelattelove.com/Bezzera]]
+
  <div class="large-3 columns">[[File:Bezzera_WikiSize.jpg|200px|center|link=https://wiki.wholelattelove.com/Bezzera]]</div>
</li>
+
  <div class=" large-3 columns">[[File:ECM_WikiSize.jpg|200px|center|link=https://wiki.wholelattelove.com/ECM]]</div>
<li style="display:inline-block; text-align:center; background-color:#fff; width:20%; margin:12px; position:relative; padding-top:10px; padding-bottom:10px;">
+
  <div class="large-3 columns">[[File:Expobar_WikiSize.jpg|200px|center|link=https://wiki.wholelattelove.com/Expobar]]</div>
[[File:ECM_WikiSize.jpg|200px|center|link=https://wiki.wholelattelove.com/ECM]]
+
  <div class="large-3 columns">[[File:Gaggia_WikiSize.jpg|200px|center|link=https://wiki.wholelattelove.com/Gaggia]]</div>
</li>
+
<li style="display:inline-block; text-align:center; background-color:#fff; width:20%; margin:12px; position:relative; padding-top:10px; padding-bottom:10px;">
+
[[File:Expobar_WikiSize.jpg|200px|center|link=https://wiki.wholelattelove.com/Expobar]]
+
</li>
+
<li style="display:inline-block; text-align:center; background-color:#fff; width:20%; margin:12px;  position:relative; padding-top:10px; padding-bottom:10px;">
+
[[File:Gaggia_WikiSize.jpg|200px|center|link=https://wiki.wholelattelove.com/Gaggia]]
+
</li>
+
</ol>
+
<ol style="margin:0; padding:0; list-style:none; width:100%; text-align:center; vertical-align:middle;>
+
<li style="display:inline-block; text-align:center; background-color:#fff; width:20%; margin:12px; position:relative; padding-top:10px; padding-bottom:10px;">
+
[[File:Jura-Capresso_WikiSize.jpg|200px|center|link=https://wiki.wholelattelove.com/Jura-Capresso]]
+
</li>
+
<li style="display:inline-block; text-align:center; background-color:#fff; width:20%; margin:12px; position:relative; padding-top:10px; padding-bottom:10px;">
+
[[File:Mazzer_WikiSize.jpg|200px|center|link=https://wiki.wholelattelove.com/Mazzer]]
+
</li>
+
<li style="display:inline-block; text-align:center; background-color:#fff; width:20%; margin:12px; position:relative; padding-top:10px; padding-bottom:10px;">
+
[[File:Pasquini_WikiSize.jpg|200px|center|link=https://wiki.wholelattelove.com/Pasquini]]
+
</li>
+
<li style="display:inline-block; text-align:center; background-color:#fff; width:20%; margin:12px;  position:relative; padding-top:10px; padding-bottom:10px;">
+
[[File:Profitec_WikiSize.jpg|200px|center|link=https://wiki.wholelattelove.com/Profitec]]
+
</li>
+
</ol>
+
<ol style="margin:0; padding:0; list-style:none; width:100%; text-align:center;>
+
<li style="display:inline-block; text-align:center; background-color:#fff; width:20%; margin:12px; position:relative; padding-top:10px; padding-bottom:10px;">
+
[[File:ROK_WikiSize.jpg|200px|center|link=https://wiki.wholelattelove.com/ROK]]
+
</li>
+
<li style="display:inline-block; text-align:center; background-color:#fff; width:20%; margin:12px; position:relative; padding-top:10px; padding-bottom:10px;">
+
[[File:Rancilio_WikiSize.jpg|200px|center|link=https://wiki.wholelattelove.com/Rancilio]]
+
</li>
+
<li style="display:inline-block; text-align:center; background-color:#fff; width:20%; margin:12px; position:relative; padding-top:10px; padding-bottom:10px;">
+
[[File:Rocket_Espresso_WikiSize.jpg|200px|center|link=https://wiki.wholelattelove.com/Rocket_Espresso]]
+
</li>
+
<li style="display:inline-block; text-align:center; background-color:#fff; width:20%; margin:12px;  position:relative; padding-top:10px; padding-bottom:10px;">
+
[[File:Saeco_WikiSize.jpg|200px|center|link=https://wiki.wholelattelove.com/Saeco]]
+
</li>
+
</ol>
+
 
</div>
 
</div>
 +
<div class="row" style="text-align: center; width: 100%; margin-left: auto; margin-right: auto; ">
 +
  <div class="large-3 columns" >[[File:Jura-Capresso_WikiSize.jpg|200px|center|link=https://wiki.wholelattelove.com/Jura-Capresso]]</div>
 +
  <div class="large-3 columns">[[File:Mazzer_WikiSize.jpg|200px|center|link=https://wiki.wholelattelove.com/Mazzer]]</div>
 +
  <div class="large-3 columns">[[File:Pasquini_WikiSize.jpg|200px|center|link=https://wiki.wholelattelove.com/Pasquini]]</div>
 +
  <div class="large-3 columns">[[File:Profitec_WikiSize.jpg|200px|center|link=https://wiki.wholelattelove.com/Profitec]]</div>
 +
</div>
 +
<div class="row" style="text-align: center; width: 100%; margin-left: auto; margin-right: auto; ">
 +
  <div class="large-3 columns">[[File:ROK_WikiSize.jpg|200px|center|link=https://wiki.wholelattelove.com/ROK]]</div>
 +
  <div class=" large-3 columns">[[File:Rancilio_WikiSize.jpg|200px|center|link=https://wiki.wholelattelove.com/Rancilio]]</div>
 +
  <div class="large-3 columns">[[File:Rocket_Espresso_WikiSize.jpg|200px|center|link=https://wiki.wholelattelove.com/Rocket_Espresso]]</div>
 +
  <div class="large-3 columns">[[File:Saeco_WikiSize.jpg|200px|center|link=https://wiki.wholelattelove.com/Saeco]]</div>
 +
</div>
 +
</div>
 +
 +
 
<p></p>
 
<p></p>
<div class="row" style="background-color:#f5f5f5; padding:0px 20px 20px 20px;">
+
<div class="row" style="background-color:#f5f5f5; padding:0px 20px 20px 20px;margin-top:5%;">
<div class="center" style="width: auto; margin-left: auto; margin-right: auto;"><h1 style="font-family:helvetica; font-color:#f0f0f0; font-weight:700; padding-top:10px; padding-bottom:10px;">Tip of the Month</h1></div>
+
 
 +
<div class="center" style="width: auto; margin:0;padding-left:20px; padding-right:20px;">
 +
<h1 style="font-family:helvetica; font-color:#f0f0f0; font-weight:700; padding-top:10px; padding-bottom:30px;text-align: center;">Tip of the Month</h1></div>
 +
<div class="customVideoWrapper">
 +
{{#ev:youtube|watch?v=ih9K5nAT5Ew|480|left}}
 +
</div>
 +
 
 
         <div>
 
         <div>
{{#ev:youtube|watch?v=ih9K5nAT5Ew|350|left||frame}}
+
<h3 style="border:none;">How to Screw Up a Latte &#43; Barista Commandments</h3>
        </div>
+
             <p>Starting with two important "Barista Commandments," you will learn common ways a latte gets screwed up. Marc from WholeLatteLove.com shows you how tall paper cups, overheated milk and other problems can ruin a latte. When you know how a latte goes bad, you will know how to have one that's good.</p>
        <div>
+
===How to Screw Up a Latte &#43; Barista Commandments===
+
             <p style="padding-left:10px;">Starting with two important "Barista Commandments," you will learn common ways a latte gets screwed up. Marc from WholeLatteLove.com shows you how tall paper cups, overheated milk and other problems can ruin a latte. When you know how a latte goes bad, you will know how to have one that's good.</p>
+
 
         </div>
 
         </div>
 
         <div class="clear" style="clear:both;"></div>
 
         <div class="clear" style="clear:both;"></div>
</div>
 
 
<div style="padding-left:20px; padding-right:20px;">
 
<p>Improving and expanding our content is a continual process that helps us evolve, not only in the amount of
 
information that is available, but also in the way it is presented. Please visit here often. We are constantly
 
adding to and revising this comprehensive knowledge-base of all things coffee as part of our enduring focus on
 
our customers’ needs, and our commitment to supporting a community that truly believes in “Latte Love.”</p>
 
 
</div>
 
</div>
 
</div>
 
</div>

Revision as of 11:08, 16 October 2017

BornToBrewTodd.png

Welcome to the Whole Latte Love
Online Support Library!

The Whole Latte Love Wiki strives to bring all of our technical expertise and coffee know-how into one convenient place that anyone can use. Here, you will find machine descriptions, basic usage instructions, troubleshooting tips, machine manuals and diagrams, hardware specifications, and coffee terminology and how-to’s.

We welcome you to visit our website at WholeLatteLove.com for more information about us, or our already information rich Community Page or Youtube Channel.

Improving and expanding our content is a continual process that helps us evolve, not only in the amount of information that is available, but also in the way it is presented. Please visit here often. We are constantly adding to and revising this comprehensive knowledge-base of all things coffee as part of our enduring focus on our customers’ needs, and our commitment to supporting a community that truly believes in “Latte Love.”


Find info by brand

Bezzera WikiSize.jpg
ECM WikiSize.jpg
Expobar WikiSize.jpg
Gaggia WikiSize.jpg
Jura-Capresso WikiSize.jpg
Mazzer WikiSize.jpg
Pasquini WikiSize.jpg
Profitec WikiSize.jpg
ROK WikiSize.jpg
Rancilio WikiSize.jpg
Rocket Espresso WikiSize.jpg
Saeco WikiSize.jpg


Tip of the Month

How to Screw Up a Latte + Barista Commandments

Starting with two important "Barista Commandments," you will learn common ways a latte gets screwed up. Marc from WholeLatteLove.com shows you how tall paper cups, overheated milk and other problems can ruin a latte. When you know how a latte goes bad, you will know how to have one that's good.