Arjun Patel
94 lines
2.7 KiB
HTML
94 lines
2.7 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<head>
|
|
<title>Company</title>
|
|
|
|
<link rel="stylesheet" type="text/css" href="main.css" />
|
|
<link
|
|
href="https://fonts.googleapis.com/css?family=Roboto&display=swap"
|
|
rel="stylesheet"
|
|
/>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="main-grid">
|
|
<div class="top-nav">
|
|
<div class="content-wrap">
|
|
<div class="flex-basic-row">
|
|
<p class="margin-lr-5 nav-call-now">CALL US NOW:</p>
|
|
<p class="margin-lr-5 nav-number">385.154.11.28.35</p>
|
|
</div>
|
|
<div class="flex-basic-row">
|
|
<a href="#"><p class="margin-lr-5 nav-login">LOGIN</p></a>
|
|
<a href="#"><p class="margin-lr-5 nav-signup">SIGNUP</p></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="second-nav flex-basic-row">
|
|
<div class="content-wrap">
|
|
<div class="flex-basic-row">
|
|
<p class="logo-first">YOUR</p>
|
|
<p class="logo-second">LOGO</p>
|
|
</div>
|
|
<div class="flex-basic-row">
|
|
<a href="#"><p class="margin-lr-5 second-nav-item">TITLE 1</p></a>
|
|
<a href="#"><p class="margin-lr-5 second-nav-item">TITLE 2</p></a>
|
|
<a href="#"><p class="margin-lr-5 second-nav-item">TITLE 3</p></a>
|
|
<a href="#"><p class="margin-lr-5 second-nav-item">TITLE 4</p></a>
|
|
<a href="#"><p class="margin-lr-5 second-nav-item">TITLE 5</p></a>
|
|
<a href="#"><p class="margin-lr-5 second-nav-item">TITLE 6</p></a>
|
|
<a href="#"><p class="margin-lr-5 second-nav-item">TITLE 7</p></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="content flex-basic-col">
|
|
<div class="nav-page">
|
|
Home / Who we are / <span class="current-page">Contact</span>
|
|
</div>
|
|
|
|
<div class="body">
|
|
<p class="content-title">Contact</p>
|
|
|
|
<p class="content-text">
|
|
Smallest directly families surprise honoured am an. Speaking replying
|
|
mistress him numerous she returned feelings may day. Evening way
|
|
luckily son exposed get general greatly. Zealously prevailed be
|
|
arranging do. Set arranging too dejection september happiness.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="footer flex-basic-row">
|
|
<div class="footer-part flex-basic-col">
|
|
<p class="footer-label">CONTACT US</p>
|
|
|
|
<form class="flex-basic-col">
|
|
<input placeholder="Name"/>
|
|
<input placeholder="Phone"/>
|
|
<input placeholder="Email"/>
|
|
|
|
<textarea placeholder="Message"></textarea>
|
|
|
|
<button>SUBMIT</button>
|
|
</form>
|
|
</div>
|
|
|
|
<div class="footer-part flex-basic-col">
|
|
<p class="footer-label">REACH US</p>
|
|
|
|
<p class="special-info-row">Coalition Skills Test</p>
|
|
|
|
<p class="info-row">535 La Plata Street</p>
|
|
<p class="info-row">4200 Argentina</p>
|
|
|
|
<br></br>
|
|
|
|
<p class="info-row">Phone: 385.154.11.28.38</p>
|
|
<p class="info-row">Fax: 385.154.11.28.38/p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|