ledan404 · ledan404 · Sep 28, 2023
diff --git a/css/style.css b/css/style.css
diff --git a/css/style.min.css b/css/style.min.css
diff --git a/favicon.ico b/favicon.ico
diff --git a/fonts/Gilroy-Bold.woff b/fonts/Gilroy-Bold.woff
diff --git a/fonts/Gilroy-Bold.woff2 b/fonts/Gilroy-Bold.woff2
diff --git a/fonts/Gilroy-Medium.woff b/fonts/Gilroy-Medium.woff
diff --git a/fonts/Gilroy-Medium.woff2 b/fonts/Gilroy-Medium.woff2
diff --git a/fonts/Gilroy-Semibold.woff b/fonts/Gilroy-Semibold.woff
diff --git a/fonts/Gilroy-Semibold.woff2 b/fonts/Gilroy-Semibold.woff2
diff --git a/fonts/icons.woff b/fonts/icons.woff
diff --git a/fonts/icons.woff2 b/fonts/icons.woff2
diff --git a/home.html b/home.html
@@ -0,0 +1,192 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+	<title>Realtionz</title>
+	<meta charset="UTF-8">
+	<meta name="format-detection" content="telephone=no">
+	<!-- <style>body{opacity: 0;}</style> -->
+	<link rel="stylesheet" href="css/style.min.css?_v=20230928134636">
+	<link rel="shortcut icon" href="favicon.ico">
+	<!-- <meta name="robots" content="noindex, nofollow"> -->
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+</head>
+
+<body>
+	<div class="wrapper">
+		<header class="header">
+			<div class="header__container">
+				<a href="" class="header__logo">Relationz</a>
+				<div class="header__menu menu">
+
+					<nav class="menu__body">
+						<ul class="menu__list">
+							<li class="menu__item"><a href="" class="menu__link">Login</a></li>
+							<li class="menu__item"><a href="" class="menu__link">Services</a></li>
+							<li class="menu__item"><a href="" class="menu__link">Enterprise</a></li>
+							<li class="menu__item"><a href="" class="menu__link">Pricing</a></li>
+						</ul>
+					</nav>
+				</div>
+				<div class="header__action">
+					<a href="" class="header__button">Try it for free</a>
+					<button type="button" class="icon-menu"><span></span></button>
+				</div>
+			</div>
+		</header>
+		<main class="page">
+			<section class="hero">
+				<div class="hero__container conatainer">
+					<div class="hero__text">
+						<div class="hero__title">
+							<h2 class="hero__heading">Take your relationships to the next level</h2>
+						</div>
+						<div class="hero__subtext">
+							<p class="hero__paragraph">The multichannel sales engagement platform which automates
+								personal email outreach, calls, and tasks, while Sales can focus on what really matters
+								- closing deals.</p>
+						</div>
+						<div class="hero__email">
+							<input class="hero__input" type="email" placeholder="Email id">
+							<button class="hero__button">Try it for free</button>
+						</div>
+					</div>
+					<div class="hero__image image__container">
+						<picture><source srcset="img/images.webp" type="image/webp"><img src="img/images.png" alt="welcome" class="welcome__img"></picture>
+					</div>
+				</div>
+			</section>
+			<div class="info">
+				<div class="info__container">
+					<div class="info__follow">
+						<div class="follow__notification notification__container">
+							<div class="notification__item">
+								<picture><source srcset="img/ava1.webp" type="image/webp"><img src="img/ava1.jpeg" alt="Girl" class="notification__ava"></picture>
+								<p>You have a meeting with Surbhi to help her with her portfolio. She got a new pet (Dog named Tiger).</p>
+							</div>
+							<div class="notification__item">
+								<picture><source srcset="img/ava2.webp" type="image/webp"><img src="img/ava2.jpeg" alt="Girl" class="notification__ava"></picture>
+								<p>Ripal has recently been to Thailand and she wants to discuss about new Job opportunity.</p>
+							</div>
+							<div class="notification__item">
+								<picture><source srcset="img/ava3.webp" type="image/webp"><img src="img/ava3.jpeg" alt="Girl" class="notification__ava"></picture>
+								<p>
+									Prashasti hasn’t responded to your Email from 22 Jan, 2020
+									Want to check up on her? Follow up
+								</p>
+							</div>
+						</div>
+						<div class="follow__text text__container">
+							<h3 class="info__heading">Get reminders to follow up </h3>
+							<p class="info__paragraph">We remind you of everything important and track everything that’s important to your important ones so you always stay connected. We only tell you the details when you need them the most.</p>
+							<div class="icon__tick">
+								<div class="icon__tick-right">
+									<div class="tick__wrap">
+										<img src="img/Tick.svg" alt="" class="tick__item">
+										<p class="tick__text">Birthdays</p>
+									</div>
+									<div class="tick__wrap">
+										<img src="img/Tick.svg" alt="" class="tick__item">
+										<p class="tick__text">Friends & Family</p>
+									</div>
+								</div>
+								<div class="icon__tick-left">
+									<div class="tick__wrap">
+										<img src="img/Tick.svg" alt="" class="tick__item">
+										<p class="tick__text">Business Meetings</p>
+									</div>
+									<div class="tick__wrap">
+										<img src="img/Tick.svg" alt="" class="tick__item">
+										<p class="tick__text">Surroundings</p>
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+
+				<div class="info__sync sync__container">
+					<div class="sync__text">
+						<div class="info__icon">
+							<img class="info__lgog sync_logo" src="img/Sync.svg" alt="">
+						</div>
+						<h3 class="info__heading sync__heading">Our sync remembers everything</h3>
+						<p class="info__paragraph sync__paragraph">We build a huge databasse of all your contacts with all the possible details they share with you and you can access it anywhere, anytime. It’s works so well that you will love it like we do.</p>
+						<div class="icon__tick">
+							<div class="icon__tick-right">
+								<div class="tick__wrap">
+									<img src="img/Tick.svg" alt="" class="tick__item">
+									<p class="tick__text">Available on devices</p>
+								</div>
+								<div class="tick__wrap">
+									<img src="img/Tick.svg" alt="" class="tick__item">
+									<p class="tick__text">Seatch details</p>
+								</div>
+							</div>
+							<div class="icon__tick-left">
+								<div class="tick__wrap">
+									<img src="img/Tick.svg" alt="" class="tick__item">
+									<p class="tick__text">Can be accesed via phonebook</p>
+								</div>
+								<div class="tick__wrap">
+									<img src="img/Tick.svg" alt="" class="tick__item">
+									<p class="tick__text">24X7 Support</p>
+								</div>
+							</div>
+						</div>
+					</div>
+					<div class="sync__card">
+						<div class="card__name-role">
+							<div class="card__img">
+								<picture><source srcset="img/ava.webp" type="image/webp"><img src="img/ava.png" alt="" class="card__img"></picture>
+							</div>
+							<div class="card__name-role-text">
+								<p class="card__name">Archana Deshmukh</p>
+								<p class="card__role">Product Design Consultant</p>
+							</div>
+						</div>
+						<div class="card__item"><img src="img/Bithday.svg" alt="" width="23px" height="23px"> 17 April, 1994</div>
+						<div class="card__item"><img src="img/Work.svg" alt=""> Product Design Consultant</div>
+						<div class="card__item"> <img src="img/Tick Ver.svg" alt=""> Went to Amsterdam with parents to visit her brother.</div>
+					</div>
+
+				</div>
+			</div>
+			<div class="info__connect connect">
+				<div class="connect__container">
+					<div class="connect__card connect-card__container">
+						<h3 class="connect-card__heading">Send content around anxiety <img src="img/3dot.svg" alt=""></h3>
+						<p class="connect-card__subtitle">3 people on the list</p>
+						<p class="connect-card__text">We all worry and get upset from time to time. It’s a normal part of life, right? But what happens when that anxiety or anger takes over, and you can’t calm down? Being able to calm yourself in the mome...</p>
+					</div>
+					<div class="connect__text">
+						<img src="img/connect.svg" alt="" class="info__logo sync__logo">
+						<h3 class="info__heading connect__heading">Stay connected in a few clicks</h3>
+						<p class="info__paragraph">The multichannel sales engagement platform which automates personal email outreach, calls, and tasks, while Sales can focus on what really matters - closing</p>
+					</div>
+				</div>
+			</div>
+			<div class="bottom-baner">
+				<div class="bottom-baner__container">
+					<div class="bottom-baner__text">
+						<h3 class="bottom-baner__heading">Form better relationships with everyone</h3>
+						<p class="bottom-baner__subtitle">Start your free 14 days trial.</p>
+					</div>
+					<a href="" class="bottom-baner__button">Try it for free</a>
+				</div>
+			</div>
+	</div>
+	</div>
+	</div>
+	</main>
+	<footer class="footer">
+		<div class="footer__container">
+			<h3 class="footer__heading">Relationz</h3>
+			<p class="footer__copyright">Copyright © 2010 - 2019 Relationz Ltd. All rights reserved.</p>
+		</div>
+	</footer>
+	</div>
+	<script src="js/app.min.js?_v=20230928134636"></script>
+</body>
+
+</html>
diff --git a/img/3dot.svg b/img/3dot.svg
diff --git a/img/Bithday.svg b/img/Bithday.svg
diff --git a/img/Sync.svg b/img/Sync.svg
diff --git a/img/Tick Ver.svg b/img/Tick Ver.svg
diff --git a/img/Tick.svg b/img/Tick.svg
diff --git a/img/Work.svg b/img/Work.svg
diff --git a/img/ava.png b/img/ava.png
diff --git a/img/ava.webp b/img/ava.webp
diff --git a/img/ava1.jpeg b/img/ava1.jpeg
diff --git a/img/ava1.webp b/img/ava1.webp
diff --git a/img/ava2.jpeg b/img/ava2.jpeg
diff --git a/img/ava2.webp b/img/ava2.webp
diff --git a/img/ava3.jpeg b/img/ava3.jpeg
diff --git a/img/ava3.webp b/img/ava3.webp
diff --git a/img/connect.svg b/img/connect.svg
diff --git a/img/images.png b/img/images.png
diff --git a/img/images.webp b/img/images.webp