Html 你好如何使页脚保持在底部，就像在StackOverflow上一样？_Html_Css

Html 你好如何使页脚保持在底部，就像在StackOverflow上一样？

html css

Html 你好如何使页脚保持在底部，就像在StackOverflow上一样？,html,css,Html,Css,下面是我的代码。当我打开页面时，页面位于底部，但它仍停留在内容上；当我滚动页面时，页面仍保持在相同的位置，内容继续在页面下方。当我将位置更改为“相对”时，它位于顶部菜单下。对这个网站上以前的问题没有回答对我有帮助。这就是为什么我要提出一个新问题 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <

下面是我的代码。当我打开页面时，页面位于底部，但它仍停留在内容上；当我滚动页面时，页面仍保持在相同的位置，内容继续在页面下方。当我将位置更改为“相对”时，它位于顶部菜单下。对这个网站上以前的问题没有回答对我有帮助。这就是为什么我要提出一个新问题

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel='stylesheet' href='https://use.fontawesome.com/releases/v5.4.2/css/all.css' integrity='sha384-/rXc/GQVaYpyDdyxK+ecHPVYJSN9bmVFBvjA/9eOB+pb3F2w2N6fc5qB9Ew5yIns' crossorigin='anonymous'>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel='stylesheet' href='https://use.fontawesome.com/releases/v5.4.2/css/all.css' integrity='sha384-/rXc/GQVaYpyDdyxK+ecHPVYJSN9bmVFBvjA/9eOB+pb3F2w2N6fc5qB9Ew5yIns' crossorigin='anonymous'>

<style>

* {
    box-sizing: border-box;
}

body {
position: relative;
min-height: 100%;
height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: 0;
font-family: Segoe UI;
}
html, body {
height: 100%;
}
.sus {
width: 100%;
margin: 0px;
background-color: #ced6e2;
padding: 15px;
}
h1 {
margin: 0;
}
.meniusus {
position: -webkit-sticky;
position: sticky;
top: 0;
width: 100%;
margin: 0;
background-color: #0b3475;
padding: 5px;
}
.meniusus ul {
list-style-type: none;
}
.meniusus li {
display: inline;
color: white;
text-align: center;
padding: 16px;
text-decoration: none;
}
.stanga {
width: 25%;
float: left;
}
.dreapta {
float: right;
width: 75%;
}

.clearfix::after {
content: "";
clear: both;
display: table;
}
.footer {
width: 100%;
position: absolute;
display: block;
bottom: 0;
left: 0;
right: 0;
background-color: lightblue;
}
</style>

</head>
<body>
<div id="container">

<div class="sus">
<h1> Site grozav </h1>
</div>

<div class="meniusus">
<ul>
    <li> Acasa
    <li> Pagina 1
    <li> Pagina 2
    <li> Pagina 3
    <li> Contact
</ul>
</div>
<div class="stanga clearfix">
<ul>
    <li> Element 1
    <li> Element 2
    <li> Element 3
    <li> Element 4
    <li> Element 5
</ul>
</div>

<div class="dreapta">
<h2> Titlu </h4>
<p> Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum, quia dolor sit, amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt, ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur? [33] At vero eos et accusamus et iusto odio dignissimos ducimus, qui blanditiis praesentium voluptatum deleniti atque corrupti, quos dolores et quas molestias excepturi sint, obcaecati cupiditate non provident, similique sunt in culpa, qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio, cumque nihil impedit, quo minus id, quod maxime placeat, facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet, ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.<br>
Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum, quia dolor sit, amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt, ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur? [33] At vero eos et accusamus et iusto odio dignissimos ducimus, qui blanditiis praesentium voluptatum deleniti atque corrupti, quos dolores et quas molestias excepturi sint, obcaecati cupiditate non provident, similique sunt in culpa, qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio, cumque nihil impedit, quo minus id, quod maxime placeat, facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet, ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.<br>
Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum, quia dolor sit, amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt, ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur? [33] At vero eos et accusamus et iusto odio dignissimos ducimus, qui blanditiis praesentium voluptatum deleniti atque corrupti, quos dolores et quas molestias excepturi sint, obcaecati cupiditate non provident, similique sunt in culpa, qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio, cumque nihil impedit, quo minus id, quod maxime placeat, facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet, ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.<br>
Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum, quia dolor sit, amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt, ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur? [33] At vero eos et accusamus et iusto odio dignissimos ducimus, qui blanditiis praesentium voluptatum deleniti atque corrupti, quos dolores et quas molestias excepturi sint, obcaecati cupiditate non provident, similique sunt in culpa, qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio, cumque nihil impedit, quo minus id, quod maxime placeat, facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet, ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.<br></p>
 </div>

<div class="footer">
<i class='fab fa-facebook-square' style='font-size:24px'></i>
<i class="material-icons" style="font-size:30px">email</i>
<i class='fas fa-phone' style='font-size:24px'></i>
</div>
</div>
</body>
</html>


* {
框大小：边框框；
}
身体{
位置：相对位置；
最小高度：100%；
身高：100%；
排名：0；
底部：0；
左：0；
右：0；
保证金：0；
字体系列：SegoeUI；
}
html，正文{
身高：100%；
}
苏斯先生{
宽度：100%；
边际：0px；
背景色：#ced6e2；
填充：15px；
}
h1{
保证金：0；
}
梅尼乌苏斯先生{
职位：-网络工具包粘性；
位置：粘性；
排名：0；
宽度：100%；
保证金：0；
背景色：#0b3475；
填充物：5px；
}
梅尼乌苏斯{
列表样式类型：无；
}
李梅尼乌斯先生{
显示：内联；
颜色：白色；
文本对齐：居中；
填充：16px；
文字装饰：无；
}
斯坦加先生{
宽度：25%；
浮动：左；
}
德拉普塔先生{
浮动：对；
宽度：75%；
}
.clearfix:：之后{
内容：“；
明确：两者皆有；
显示：表格；
}
.页脚{
宽度：100%；
位置：绝对位置；
显示：块；
底部：0；
左：0；
右：0；
背景颜色：浅蓝色；
}
格罗扎夫遗址

阿卡萨
帕吉纳1号
帕吉纳2号
帕吉纳3号
接触


要素1
要素2
要素3
要素4
要素5

蒂特鲁
从这一点可以看出，在所有情况下，自然错误都会引起人们的赞誉，因为所有人都有自己的权利，他们都是发明家和准建筑师。Nemo enim ipsam voluptatem，qui a voluptas sit，aspernatur aut odit aut fugit，sed quia consequence ur magni dolores eos，qui quo rite voluptatem sequi nesciunt，neque porro quisquam est，qui dolorem ipsum，qui dolor sit，amet，Concertetur，adipisci velit，sed quia non num numquam eius tempora，我们的劳动和财富是我们的财富。但是最低限度的成本，是否需要在实验室中进行实际操作，是否需要从消费品中获得流动性？你是说，你是谁，你是谁，你是谁，你是谁，你是谁，你是谁，你是谁？[33]在杜西莫斯（ducimus）的最高法院和最高法院，法院的裁决是，腐败行为、犯罪行为和其他犯罪行为除外，法院的判决是无条件的，同样也有过错，法院的判决是对动物的惩罚，是对劳动和财产的惩罚。这是一个很好的例子。暂时的自由，以及解决方案的选择，阻碍，减id，最大放置量，面对可能的情况，假设的所有人，所有人都会拒绝。临时性的、临时性的、临时性的、临时性的、临时性的、临时性的、临时性的、临时性的、临时性的、临时性的、临时性的、临时性的、临时性的、临时性的、临时性的。它是一种智慧缺失的动物，但它是一种被称为意识的动物，它是一种被排斥的动物。

从这一点可以看出，在所有情况下，自然错误都会引起人们的赞誉，因为所有人都有自己的权利，他们都是发明家和准建筑师。Nemo enim ipsam voluptatem，qui a voluptas sit，aspernatur aut odit aut fugit，sed quia consequence ur magni dolores eos，qui quo rite voluptatem sequi nesciunt，neque porro quisquam est，qui dolorem ipsum，qui dolor sit，amet，Concertetur，adipisci velit，sed quia non num numquam eius tempora，我们的劳动和财富是我们的财富。但是最低限度的成本，是否需要在实验室中进行实际操作，是否需要从消费品中获得流动性？你是说，你是谁，你是谁，你是谁，你是谁，你是谁，你是谁，你是谁？[33]在杜西莫斯（ducimus）的最高法院和最高法院，法院的裁决是，腐败行为、犯罪行为和其他犯罪行为除外，法院的判决是无条件的，同样也有过错，法院的判决是对动物的惩罚，是对劳动和财产的惩罚。这是一个很好的例子。暂时的自由，以及解决方案的选择，阻碍，减id，最大放置量，面对可能的情况，假设的所有人，所有人都会拒绝。临时性的、临时性的、临时性的、临时性的、临时性的、临时性的、临时性的、临时性的、临时性的、临时性的、临时性的、临时性的、临时性的、临时性的、临时性的。它是一种智慧缺失的动物，但它是一种被称为意识的动物，它是一种被排斥的动物。

从这一点可以看出，在所有情况下，自然错误都会引起人们的赞誉，因为所有人都有自己的权利，他们都是发明家和准建筑师。Nemo enim ipsam voluptatem，qui a voluptas sit，aspernatur aut odit aut fugit，sed quia consequence ur magni dolores eos，qui quo rite voluptatem sequi nesciunt，neque porro quisquam est，qui dolorem ipsum，qui dolor sit，amet，Concertetur，adipisci velit，sed quia non num numquam eius tempora，我们的劳动和财富是我们的财富。但是最低限度的成本，是否需要在实验室中进行实际操作，是否需要从消费品中获得流动性？你是说，你是谁，你是谁，你是谁，你是谁，你是谁，你是谁，你是谁？[33]在vero eos和accusamus和iusto Dignessimos ducimus，我们的目标是实现腐败、腐败和腐败
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel='stylesheet' href='https://use.fontawesome.com/releases/v5.4.2/css/all.css' integrity='sha384-/rXc/GQVaYpyDdyxK+ecHPVYJSN9bmVFBvjA/9eOB+pb3F2w2N6fc5qB9Ew5yIns' crossorigin='anonymous'>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel='stylesheet' href='https://use.fontawesome.com/releases/v5.4.2/css/all.css' integrity='sha384-/rXc/GQVaYpyDdyxK+ecHPVYJSN9bmVFBvjA/9eOB+pb3F2w2N6fc5qB9Ew5yIns' crossorigin='anonymous'>

<style>

* {
    box-sizing: border-box;
}

body {
position: relative;
min-height: 100%;
height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: 0;
font-family: Segoe UI;
}
html, body {
height: 100%;
}
.sus {
width: 100%;
margin: 0px;
background-color: #ced6e2;
padding: 15px;
}
h1 {
margin: 0;
}
.meniusus {
position: -webkit-sticky;
position: sticky;
top: 0;
width: 100%;
margin: 0;
background-color: #0b3475;
padding: 5px;
}
.meniusus ul {
list-style-type: none;
}
.meniusus li {
display: inline;
color: white;
text-align: center;
padding: 16px;
text-decoration: none;
}
.stanga {
width: 25%;
float: left;
}
.dreapta {
float: right;
width: 75%;
}

.clearfix::after {
content: "";
clear: both;
display: table;
}
.footer {
width: 100%;
display: block;
clear: both;
background-color: lightblue;
}
#minheight {
height: calc(100vh - 164px);
}
</style>

</head>
<body>
<div id="container">

<div class="sus">
<h1> Site grozav </h1>
</div>

<div class="meniusus">
<ul>
    <li> Acasa
    <li> Pagina 1
    <li> Pagina 2
    <li> Pagina 3
    <li> Contact
</ul>
</div>
<div class="stanga clearfix">
<ul>
    <li> Element 1
    <li> Element 2
    <li> Element 3
    <li> Element 4
    <li> Element 5
</ul>
</div>

<div class="dreapta">
<h2> Titlu </h4>
<p> Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum, quia dolor sit, amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt, ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur? [33] At vero eos et accusamus et iusto odio dignissimos ducimus, qui blanditiis praesentium voluptatum deleniti atque corrupti, quos dolores et quas molestias excepturi sint, obcaecati cupiditate non provident, similique sunt in culpa, qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio, cumque nihil impedit, quo minus id, quod maxime placeat, facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet, ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.<br>
Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum, quia dolor sit, amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt, ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur? [33] At vero eos et accusamus et iusto odio dignissimos ducimus, qui blanditiis praesentium voluptatum deleniti atque corrupti, quos dolores et quas molestias excepturi sint, obcaecati cupiditate non provident, similique sunt in culpa, qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio, cumque nihil impedit, quo minus id, quod maxime placeat, facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet, ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.<br>
Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum, quia dolor sit, amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt, ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur? [33] At vero eos et accusamus et iusto odio dignissimos ducimus, qui blanditiis praesentium voluptatum deleniti atque corrupti, quos dolores et quas molestias excepturi sint, obcaecati cupiditate non provident, similique sunt in culpa, qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio, cumque nihil impedit, quo minus id, quod maxime placeat, facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet, ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.<br>
Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum, quia dolor sit, amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt, ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur? [33] At vero eos et accusamus et iusto odio dignissimos ducimus, qui blanditiis praesentium voluptatum deleniti atque corrupti, quos dolores et quas molestias excepturi sint, obcaecati cupiditate non provident, similique sunt in culpa, qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio, cumque nihil impedit, quo minus id, quod maxime placeat, facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet, ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.<br></p>
 </div>

<div class="footer">
<i class='fab fa-facebook-square' style='font-size:24px'></i>
<i class="material-icons" style="font-size:30px">email</i>
<i class='fas fa-phone' style='font-size:24px'></i>
</div>
</div>
<div id='minheight'></div>
</body>
</html>