Как можно реализовать такой блок?

Question

[ank_1]

Пробовала таким образом, но что- то не выходит

<footer class="footer">
				<div class="footer__top">
					<div class="footer__main _container">
						<div class="footer__row">
							<div class="footer__column">
								<div class="footer__img">
									<img src="img/footer/bcg-min/img1 .png" alt="">
								</div>
							</div>
							<div class="footer__column">
								<div class="footer__logo">
									<img src="img/header/logo/logotext.png" alt="">
								</div>
								<div class="footer__contact contact">
									<div class="contact__mail">
										<img src="img/icons/footer/mess.png" alt="">
									</div>
									<div class=contact__title-mail>
										info@food_palace.com
									</div>
									<div class="contact__web">
										<img src="img/icons/footer/glob.png" alt="">
										</div>
										<div class="contact__title-web">
											Www.Food_palace.com
									</div>
								</div>
							</div>
							<div class="footer__column">
								<div class="footer__label">
									Our menu
								</div>
								<nav class="footer__menu menu-footer">
									<ul class="menu-footer__list">
										<li class="menu-footer__item">
											Breakfast
										</li>
										<li class="menu-footer__item">
											Lunce
										</li>
										<li class="menu-footer__item">
											Dinner
										</li>
									</ul>
								</nav>
							</div>
							<div class="footer__column">
								<div class="footer__label">
									Information
								</div>
								<nav class="footer__menu menu-footer">
									<ul class="menu-footer__list">
										<li class="menu-footer__item">
											About us
										</li>
										<li class="menu-footer__item">
											Testimonial
										</li>
										<li class="menu-footer__item">
											Event
										</li>
									</ul>
								</nav>
							</div>
							<div class="footer__column">
								<div class="footer__label">
									Useful Links
								</div>
								<nav class="footer__menu menu-footer">
									<ul class="menu-footer__list">
										<li class="menu-footer__item">
											Services
										</li>
										<li class="menu-footer__item">
											Support
										</li>
										<li class="menu-footer__item">
											Conditions
										</li>
									</ul>
								</nav>
							</div>
							<div class="footer__column">
								<div class="footer__label">
									Social Handles
								</div>
								<nav class="footer__menu menu-footer">
									<ul class="menu-footer__list">
										<li class="menu-footer__item">
											Facebook
										</li>
										<li class="menu-footer__item">
											Twitter
										</li>
										<li class="menu-footer__item">
											YouTube
										</li>
									</ul>
								</nav>
							</div>
						</div>
						<div class="footer__end-img">
							<img src="img/footer/bcg-min/img2.png" alt="">
						</div>
					</div>
				</div>
			</footer>

.footer {
  background: linear-gradient(180deg,rgba(255,148,1, 0.05) 0%, rgba(255,237,211,0) 100%) ;
}
.footer__top {
  padding: 35px 0;
}
.footer__main {
}
.footer__row {
  display: flex;
  flex-wrap: wrap;
  margin-left: 20px;
}
.footer__column {
  flex: 0 1 16.666%;
  margin-right: 10px

Comments

[Ankhena]

Ни одна из картинок из этого макета не является контентной.
Это украшения и место им в стилях.

С иконками, наверное, всё понятно.
Ананас и фруктовое сердце просто два псевдоэлемента прибитых абсолютом.

Всё.