我有一个名为closing-blobs-2
的元素。它位于结束部分的右下角,正好位于底部nav
的上方。当我使页面变小时,此页面和底部导航栏之间的空间会增加。 Blob是SVG。
当我最小化页面时,空间会增加,有时,根据页面的大小,底部导航会位于Blob之间。因此,就像它正在穿过斑点的中间一样。知道如何解决这个问题。
/* ----------------------------------------------- */
/* Closing */
/* ----------------------------------------------- */
.closing {
/* margin: 0 15%; */
padding: 0px 0 17% 0;
}
/* Blobs */
.closing-blobs {
position: relative;
}
.closing-blobs__1 {
position: absolute;
top: 0;
right: 11%;
}
.closing-blobs__1 .blob-shape {
fill: #f7ef89
}
.closing-blobs__2 {
position: absolute;
right: 0%;
margin-top: 19.6%;
}
.closing-blobs__2 .blob-shape {
fill: #abd8d4;
}
/* ICONS */
.closing-icons svg {
margin-right: 40px;
margin-top: 30px;
}
.future-icons__1 .blob-shape {
fill: #ff5831;
}
.future-icons__2 .blob-shape {
fill: #abd8d4;
}
.future-icons__3 .blob-shape {
fill: #f7ef89;
}
/* Columns */
.columns {
max-width: 108rem;
margin: 0 auto;
padding: 7rem 16.5rem;
}
.column-half {
width: 50%;
float: left;
padding: 0 1rem;
}
.column-half h2 {
font-size: 48px;
}
.column-half p {
position: relative;
font-size: 17px;
font-weight: 300;
width: 98%;
line-height: 145%;
/* margin-left: -8%; */
}
.column-half p:first-of-type {
margin-bottom: 30px;
}
.column-half p:last-of-type {
margin-bottom: 50px;
}
/* ----------------------------------------------- */
/* Footer */
/* ----------------------------------------------- */
footer {
background-color: #272c51;
padding: 2% 2%;
position: relative;
}
footer nav ul li {
display: inline-block;
font-size: 14px;
margin-right: 25px;
}
footer nav ul li a:visited,
footer nav ul li a:link {
color: #fff;
text-decoration: none;
transition: border .2s;
font-weight: 300;
}
footer nav ul li a:hover {
border-bottom: 1px solid #fff;
}
footer .slogan {
color: white;
float: right;
position: absolute;
right: 6%;
top: 40%;
margin-right: -50px;
}
footer .slogan p {
font-size: 18px;
font-weight: 300;
word-spacing: 3px;
}
footer .slogan p span {
text-transform: uppercase;
font-weight: bold;
letter-spacing: 3px;
}
<section class="closing">
<div class="closing-blobs">
<div class="closing-blobs__1">
<svg xmlns="http://www.w3.org/2000/svg" width="459" height="239" viewBox="0 0 459 239">
<path class="blob-shape" d="M1.53561257,0 L458.12641,0 C461.773868,71.7384575 420.478337,183.060211 311.475162,224.585557 C194.808755,269.032251 89.8950627,199.485285 47.8554028,150.197559 C11.1268941,107.139844 -2.14235785,50.799793 1.53561316,-8.15533587e-06 L1.53561257,0 Z" transform="translate(-968.000000, -3455.000000) translate(968.000000, 3455.000000)"></path>
</svg>
</div>
<div class="closing-blobs__2">
<svg xmlns="http://www.w3.org/2000/svg" width="347" height="236" viewBox="0 0 347 236">
<path class="blob-shape" d="M285.325901,510 C288.633364,488.280463 316.570644,472.645941 344.118769,400.896922 C366.408708,342.80998 358.476757,326.034366 380.714382,304.103257 C425.215343,260.188669 508.425714,276.620639 519.566098,278.818586 C554.543087,285.722334 596.776696,303.180778 632,329.530337 L632,510 L285.325901,510 L285.325901,510 Z" transform="translate(-1253.000000, -3729.000000) translate(968.000000, 3455.000000)"></path>
</svg>
</div>
</div>
<div class="columns">
<div class="column-half">
<h2>From our office<br> to yours.</h2>
<div class="closing-icons">
<svg xmlns="http://www.w3.org/2000/svg" width="65" height="55" viewBox="0 0 65 55" class="future-icons__1">
<path class="blob-shape" d="M64.987911 26.9266215C65.1945979 29.4316689 62.7063678 32.3594924 59.4962315 32.3604802 56.4158986 32.3604802 53.8907245 29.6647884 54.0035535 26.9266215 54.0784401 25.133774 55.2776232 23.502925 56.7993177 22.7996151 59.9245825 21.3534837 64.7203165 23.6728256 64.987911 26.9266215M8.37065172 13.83351C18.6528267 1.04791127 38.3171539-3.29898061 44.0268728 2.57731443 47.0184378 5.65517213 43.9119762 9.20931456 46.6163 22.0425417 48.4876239 30.9236642 50.6259759 32.3101819 49.7961676 36.796784 48.1386789 45.777397 37.655435 50.606924 36.2532719 51.2525544 27.121126 55.4607946 11.1292321 56.7192446 3.50563504 46.4124433-4.38818165 35.7415487 2.73540279 20.8423043 8.37065172 13.83351"></path>
<path class="icon" d="M22.6901973,19.2689518 L56.2405604,19.2689518 L56.2405604,15.8807082 C56.2405604,15.3466791 55.8183156,14.9107792 55.2975471,14.9107792 L50.4347953,14.9107792 L50.4347953,16.4000694 C50.4347953,16.8989786 50.0407002,17.3038903 49.5551187,17.3038903 C49.0695372,17.3038903 48.6754421,16.8989786 48.6754421,16.4000694 L48.6754421,14.9107792 L29.5728876,14.9107792 L29.5728876,16.4000694 C29.5728876,16.8989786 29.1787925,17.3038903 28.693211,17.3038903 C28.2076295,17.3038903 27.8135344,16.8989786 27.8135344,16.4000694 L27.8135344,14.9107792 L23.6342159,14.9107792 C23.1134474,14.9107792 22.6901973,15.3466791 22.6901973,15.8807082 L22.6901973,19.2689518 Z M22.6901973,21.0765935 L22.6901973,32.0286299 C22.6901973,32.527539 22.2971075,32.9324508 21.8105207,32.9324508 C21.3249392,32.9324508 20.9308441,32.527539 20.9308441,32.0286299 L20.9308441,15.8807082 C20.9308441,14.3488609 22.1432898,13.1031375 23.6342159,13.1031375 L27.8135344,13.1031375 L27.8135344,11.2643011 C27.8135344,10.764359 28.2076295,10.3604802 28.693211,10.3604802 C29.1787925,10.3604802 29.5728876,10.764359 29.5728876,11.2643011 L29.5728876,13.1031375 L48.6754421,13.1031375 L48.6754421,11.2643011 C48.6754421,10.764359 49.0695372,10.3604802 49.5551187,10.3604802 C50.0407002,10.3604802 50.4347953,10.764359 50.4347953,11.2643011 L50.4347953,13.1031375 L55.2975471,13.1031375 C56.7874679,13.1031375 57.9999136,14.3488609 57.9999136,15.8807082 L57.9999136,41.3323037 C57.9999136,42.8641509 56.7874679,44.1098743 55.2975471,44.1098743 L33.8997906,44.1098743 C33.4132038,44.1098743 33.020114,43.7049625 33.020114,43.2060534 C33.020114,42.7071443 33.4132038,42.3022326 33.8997906,42.3022326 L55.2975471,42.3022326 C55.8183156,42.3022326 56.2405604,41.8663327 56.2405604,41.3323037 L56.2405604,21.0765935 L22.6901973,21.0765935 Z M22.4324269,37.8971646 C19.3047996,37.8971646 16.7592668,40.511531 16.7592668,43.7260345 C16.7592668,46.9384721 19.3047996,49.5528385 22.4324269,49.5528385 C25.5590489,49.5528385 28.1045817,46.9384721 28.1045817,43.7260345 C28.1045817,40.511531 25.5590489,37.8971646 22.4324269,37.8971646 Z M22.4324269,51.3604802 C18.3346419,51.3604802 14.9999136,47.9362903 14.9999136,43.7260345 C14.9999136,39.5147457 18.3346419,36.0895229 22.4324269,36.0895229 C26.5302119,36.0895229 29.8639349,39.5147457 29.8639349,43.7260345 C29.8639349,47.9362903 26.5302119,51.3604802 22.4324269,51.3604802 Z M23.1874408,45.463643 L19.8346162,45.463643 C19.3490347,45.463643 18.9549396,45.0587313 18.9549396,44.5598221 C18.9549396,44.060913 19.3490347,43.6560013 19.8346162,43.6560013 L22.3077642,43.6560013 L22.3077642,40.6821724 C22.3077642,40.1832633 22.7018593,39.7783515 23.1874408,39.7783515 C23.6730223,39.7783515 24.0671174,40.1832633 24.0671174,40.6821724 L24.0671174,44.5598221 C24.0671174,45.0587313 23.6730223,45.463643 23.1874408,45.463643 Z M32.1402363,26.7334792 L28.5561825,26.7334792 C28.0695957,26.7334792 27.6765059,26.3285675 27.6765059,25.8296583 C27.6765059,25.3307492 28.0695957,24.9258375 28.5561825,24.9258375 L32.1402363,24.9258375 C32.6258178,24.9258375 33.0199129,25.3307492 33.0199129,25.8296583 C33.0199129,26.3285675 32.6258178,26.7334792 32.1402363,26.7334792 Z M40.8398861,26.7334792 L37.2558323,26.7334792 C36.7692454,26.7334792 36.3761557,26.3285675 36.3761557,25.8296583 C36.3761557,25.3307492 36.7692454,24.9258375 37.2558323,24.9258375 L40.8398861,24.9258375 C41.3254676,24.9258375 41.7195627,25.3307492 41.7195627,25.8296583 C41.7195627,26.3285675 41.3254676,26.7334792 40.8398861,26.7334792 Z M50.2207574,26.7334792 L46.6367036,26.7334792 C46.1501168,26.7334792 45.757027,26.3285675 45.757027,25.8296583 C45.757027,25.3307492 46.1501168,24.9258375 46.6367036,24.9258375 L50.2207574,24.9258375 C50.7063389,24.9258375 51.100434,25.3307492 51.100434,25.8296583 C51.100434,26.3285675 50.7063389,26.7334792 50.2207574,26.7334792 Z M32.1402363,31.442231 L28.5561825,31.442231 C28.0695957,31.442231 27.6765059,31.0373192 27.6765059,30.5384101 C27.6765059,30.039501 28.0695957,29.6345892 28.5561825,29.6345892 L32.1402363,29.6345892 C32.6258178,29.6345892 33.0199129,30.039501 33.0199129,30.5384101 C33.0199129,31.0373192 32.6258178,31.442231 32.1402363,31.442231 Z M40.8398861,31.442231 L37.2558323,31.442231 C36.7692454,31.442231 36.3761557,31.0373192 36.3761557,30.5384101 C36.3761557,30.039501 36.7692454,29.6345892 37.2558323,29.6345892 L40.8398861,29.6345892 C41.3254676,29.6345892 41.7195627,30.039501 41.7195627,30.5384101 C41.7195627,31.0373192 41.3254676,31.442231 40.8398861,31.442231 Z M50.2207574,31.442231 L46.6367036,31.442231 C46.1501168,31.442231 45.757027,31.0373192 45.757027,30.5384101 C45.757027,30.039501 46.1501168,29.6345892 46.6367036,29.6345892 L50.2207574,29.6345892 C50.7063389,29.6345892 51.100434,30.039501 51.100434,30.5384101 C51.100434,31.0373192 50.7063389,31.442231 50.2207574,31.442231 Z M40.8398861,36.1540815 L37.2558323,36.1540815 C36.7692454,36.1540815 36.3761557,35.7491698 36.3761557,35.2502607 C36.3761557,34.7513515 36.7692454,34.3464398 37.2558323,34.3464398 L40.8398861,34.3464398 C41.3254676,34.3464398 41.7195627,34.7513515 41.7195627,35.2502607 C41.7195627,35.7491698 41.3254676,36.1540815 40.8398861,36.1540815 Z M50.2207574,36.1540815 L46.6367036,36.1540815 C46.1501168,36.1540815 45.757027,35.7491698 45.757027,35.2502607 C45.757027,34.7513515 46.1501168,34.3464398 46.6367036,34.3464398 L50.2207574,34.3464398 C50.7063389,34.3464398 51.100434,34.7513515 51.100434,35.2502607 C51.100434,35.7491698 50.7063389,36.1540815 50.2207574,36.1540815 Z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="68" viewBox="0 0 64 68" class="future-icons__2">
<path class="blob-shape" d="M58.4821922 62.0970556C58.6878814 64.6023505 56.1996404 67.5304632 52.9894901 67.5304632 49.9091436 67.5314511 47.3839584 64.835493 47.4977864 62.0970556 47.5716748 60.3030433 48.7708632 58.6740089 50.2925643 57.9696417 53.4178429 56.5233674 58.2135979 58.8429385 58.4821922 62.0970556M32.668483 50.5859634C27.530483 55.6739634 6.55936457 49.5846303 1.73348297 35.8479634-3.99908109 19.5304634 4.90648297 6.53496343 22.245483 1.48696343 35.960483-2.50603657 51.692483 1.69496343 54.838483 12.2609634 57.157483 20.0489634 35.936483 23.5909634 33.427483 39.0929634 32.421483 45.3099634 35.034483 48.2429634 32.668483 50.5859634z"></path>
<path class="icon" d="M22.4906636,62.5304634 C22.3663858,62.5304634 22.2411057,62.5043305 22.1238436,62.4500543 C21.8151536,62.3073281 21.61671,61.998758 21.6137033,61.6580243 L21.5645935,55.2976612 C21.5605846,54.8111859 21.950456,54.4151709 22.4345381,54.4111505 L22.4415538,54.4111505 C22.9236314,54.4111505 23.3145051,54.8001297 23.3185141,55.2835896 L23.3525902,59.7724299 L29.2848506,54.7629405 C29.4432045,54.6302654 29.6436526,54.556892 29.8501141,54.556892 L42.9183254,54.556892 C43.371338,54.556892 43.7401624,54.18701 43.7401624,53.7316932 L43.7401624,31.1146122 C43.7401624,30.6592954 43.371338,30.2894134 42.9183254,30.2894134 L14.0708428,30.2894134 C13.6168279,30.2894134 13.2480035,30.6592954 13.2480035,31.1146122 L13.2480035,53.5377062 C13.2480035,53.9920178 13.6168279,54.362905 14.0708428,54.362905 L18.651081,54.362905 C19.135163,54.362905 19.5280412,54.7559047 19.5280412,55.24238 C19.5280412,55.7278501 19.135163,56.1218549 18.651081,56.1218549 L14.0708428,56.1218549 C12.6506683,56.1218549 11.494083,54.9629582 11.494083,53.5377062 L11.494083,31.1146122 C11.494083,29.6893602 12.6506683,28.5304634 14.0708428,28.5304634 L42.9183254,28.5304634 C44.3384999,28.5304634 45.494083,29.6893602 45.494083,31.1146122 L45.494083,53.7316932 C45.494083,55.1569452 44.3384999,56.315842 42.9183254,56.315842 L30.1698288,56.315842 L23.0549249,62.3234099 C22.8935642,62.4601054 22.6931161,62.5304634 22.4906636,62.5304634 Z M39.6017405,38.5304634 L18.3864255,38.5304634 C17.8938524,38.5304634 17.494083,38.0824634 17.494083,37.5304634 C17.494083,36.9784634 17.8938524,36.5304634 18.3864255,36.5304634 L39.6017405,36.5304634 C40.0943135,36.5304634 40.494083,36.9784634 40.494083,37.5304634 C40.494083,38.0824634 40.0943135,38.5304634 39.6017405,38.5304634 Z M39.6017405,43.5304634 L18.3864255,43.5304634 C17.8938524,43.5304634 17.494083,43.0824634 17.494083,42.5304634 C17.494083,41.9784634 17.8938524,41.5304634 18.3864255,41.5304634 L39.6017405,41.5304634 C40.0943135,41.5304634 40.494083,41.9784634 40.494083,42.5304634 C40.494083,43.0824634 40.0943135,43.5304634 39.6017405,43.5304634 Z M33.6214442,48.5304634 L18.3667217,48.5304634 C17.8850251,48.5304634 17.494083,48.0824634 17.494083,47.5304634 C17.494083,46.9784634 17.8850251,46.5304634 18.3667217,46.5304634 L33.6214442,46.5304634 C34.1031408,46.5304634 34.494083,46.9784634 34.494083,47.5304634 C34.494083,48.0824634 34.1031408,48.5304634 33.6214442,48.5304634 Z M58.0118699,54.5304634 C57.8133413,54.5304634 57.6158204,54.4637452 57.4555866,54.3323306 L49.4963,47.8495453 C49.1183901,47.5412264 49.0599401,46.9852413 49.3673068,46.6051498 C49.6746735,46.2280908 50.2289414,46.1684488 50.6078591,46.4767678 L57.1300802,51.7889519 L57.1300802,47.1995483 C57.1300802,46.7112924 57.525122,46.3150267 58.0118699,46.3150267 L60.6935186,46.3150267 C61.2659262,46.3150267 61.7305034,45.8479993 61.7305034,45.2738184 L61.7305034,23.340715 C61.7305034,22.7665341 61.2659262,22.2995067 60.6935186,22.2995067 L36.2956551,22.2995067 C35.7232475,22.2995067 35.2576625,22.7665341 35.2576625,23.340715 L35.2576625,25.3210325 C35.2576625,25.8102993 34.8626207,26.2055541 34.3758728,26.2055541 C33.8891248,26.2055541 33.494083,25.8102993 33.494083,25.3210325 L33.494083,23.340715 C33.494083,21.7910331 34.7507594,20.5304634 36.2956551,20.5304634 L60.6935186,20.5304634 C62.2374066,20.5304634 63.494083,21.7910331 63.494083,23.340715 L63.494083,45.2738184 C63.494083,46.8235002 62.2374066,48.0840699 60.6935186,48.0840699 L58.8936597,48.0840699 L58.8936597,53.6459418 C58.8936597,53.986609 58.6981543,54.2979606 58.3907876,54.4445385 C58.2708642,54.5021587 58.1408632,54.5304634 58.0118699,54.5304634 Z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="69" height="59" viewBox="0 0 69 59" class="future-icons__3">
<path class="blob-shape" d="M64.4104 4.15966298C72.6664 11.848663 66.2844 29.069663 63.7564 35.962663 60.3694 45.192663 52.3584 59.736663 45.1564 58.769663 43.8804 58.597663 41.3594 57.768663 36.8134 48.157663 29.2664 32.203663 24.0144 21.665663 29.6534 12.675663 37.3454.417662983 55.6234-4.02433702 64.4104 4.15966298M10.9881092 46.3819552C11.1937985 48.88725 8.70555747 51.8153627 5.49540708 51.8153627 2.4150606 51.8163506-.110124573 49.1203926.00370346602 46.3819552.0775918419 44.5879428 1.27678021 42.9589085 2.79848136 42.2545413 5.92375996 40.808267 10.719515 43.127838 10.9881092 46.3819552"></path>
<path class="icon" d="M21,13.541702 L17.451412,13.541702 C17.0814257,13.541702 16.7690602,13.9560233 16.7690602,14.4453171 L16.7690602,18.815363 L18.1776316,18.815363 C18.6315789,18.815363 19,19.263363 19,19.815363 C19,20.367363 18.6315789,20.815363 18.1776316,20.815363 L16.7690602,20.815363 L16.7690602,27.815363 L18.1776316,27.815363 C18.6315789,27.815363 19,28.263363 19,28.815363 C19,29.367363 18.6315789,29.815363 18.1776316,29.815363 L16.7690602,29.815363 L16.7690602,37.815363 L18.1776316,37.815363 C18.6315789,37.815363 19,38.263363 19,38.815363 C19,39.367363 18.6315789,39.815363 18.1776316,39.815363 L16.7690602,39.815363 L16.7690602,43.1844223 C16.7690602,43.6747026 17.0814257,44.089024 17.451412,44.089024 L21,44.089024 L21,13.541702 Z M23,13.541702 L23,44.089024 L34.8367247,44.089024 C35.3249853,44.089024 35.7212548,44.4757239 35.7212548,44.9521935 C35.7212548,45.428663 35.3249853,45.815363 34.8367247,45.815363 L17.451412,45.815363 C16.09985,45.815363 15,44.6355336 15,43.1844223 L15,39.815363 L13.8223684,39.815363 C13.3684211,39.815363 13,39.367363 13,38.815363 C13,38.263363 13.3684211,37.815363 13.8223684,37.815363 L15,37.815363 L15,29.815363 L13.8223684,29.815363 C13.3684211,29.815363 13,29.367363 13,28.815363 C13,28.263363 13.3684211,27.815363 13.8223684,27.815363 L15,27.815363 L15,20.815363 L13.8223684,20.815363 C13.3684211,20.815363 13,20.367363 13,19.815363 C13,19.263363 13.3684211,18.815363 13.8223684,18.815363 L15,18.815363 L15,14.4453171 C15,12.9951924 16.09985,11.815363 17.451412,11.815363 L43.5495989,11.815363 C44.9011609,11.815363 46,12.9951924 46,14.4453171 L46,34.401796 C46,34.8782656 45.6037305,35.2649655 45.1154699,35.2649655 C44.6272093,35.2649655 44.2309398,34.8782656 44.2309398,34.401796 L44.2309398,14.4453171 C44.2309398,13.9560233 43.9185743,13.541702 43.5495989,13.541702 L23,13.541702 Z M32.5005277,23.6619111 C31.5887231,23.6619111 30.8468265,24.4036958 30.8468265,25.315363 C30.8468265,26.2270302 31.5887231,26.9688149 32.5005277,26.9688149 C33.4112769,26.9688149 34.1531735,26.2270302 34.1531735,25.315363 C34.1531735,24.4036958 33.4112769,23.6619111 32.5005277,23.6619111 Z M32.5005277,28.815363 C30.5703302,28.815363 29,27.2452695 29,25.315363 C29,23.3854564 30.5703302,21.815363 32.5005277,21.815363 C34.4307252,21.815363 36,23.3854564 36,25.315363 C36,27.2452695 34.4307252,28.815363 32.5005277,28.815363 Z M37.0903506,33.815363 C36.5882242,33.815363 36.1807013,33.4527358 36.1807013,33.0059273 C36.1807013,31.5877959 34.5298176,30.4342344 32.5005198,30.4342344 C30.471222,30.4342344 28.8192987,31.5877959 28.8192987,33.0059273 C28.8192987,33.4527358 28.4117758,33.815363 27.9096494,33.815363 C27.4075229,33.815363 27,33.4527358 27,33.0059273 C27,30.695104 29.4680087,28.815363 32.5005198,28.815363 C35.5330309,28.815363 38,30.695104 38,33.0059273 C38,33.4527358 37.5924771,33.815363 37.0903506,33.815363 Z M39.161341,38.6139241 C38.981142,38.6139241 38.8344683,38.7588368 38.8344683,38.9356096 L38.8344683,49.6951163 C38.8344683,49.8729169 38.981142,50.0168018 39.161341,50.0168018 L44.8397067,50.0168018 C45.0199057,50.0168018 45.1665794,49.8729169 45.1665794,49.6951163 L45.1665794,38.9356096 C45.1665794,38.7588368 45.0199057,38.6139241 44.8397067,38.6139241 L39.161341,38.6139241 Z M44.8397067,51.815363 L39.161341,51.815363 C37.9690938,51.815363 37,50.8646949 37,49.6951163 L37,38.9356096 C37,37.7670588 37.9690938,36.815363 39.161341,36.815363 L44.8397067,36.815363 C46.0319539,36.815363 47,37.7670588 47,38.9356096 L47,49.6951163 C47,50.8646949 46.0319539,51.815363 44.8397067,51.815363 Z M42.0011416,49.815363 C41.4497717,49.815363 41,49.367363 41,48.815363 C41,48.263363 41.4452055,47.815363 41.9965753,47.815363 L42.0011416,47.815363 C42.5525114,47.815363 43,48.263363 43,48.815363 C43,49.367363 42.5525114,49.815363 42.0011416,49.815363 Z"></path>
</svg>
</div>
</div>
<div class="column-half">
<p>We know Happy Schedule is a good tool because we use it every day. We built it for ourselves here at Automattic, to help us tackle a problem that plagues companies like ours—scheduling in a modern, distributed work environment.</p>
<p>Trust us, this thing is a game changer. And it’s only the beginning. We’ve got more tools in the works. Try out this one while we refine the others, you’ll be happy you did.</p>
<a class="btn btn-action-demo" href="#">Request a demo</a>
</div>
</div>
</section>
<footer>
<nav>
<ul>
<li><a href="#">Products</a></li>
<li><a href="#">Pricing</a></li>
<li><a href="#">Help</a></li>
<li><a href="#">Request a Demo</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Terms of Services</a></li>
</ul>
</nav>
<div class="slogan">
<p>An <span>automattic</span> adventure</p>
</div>
</footer>