Scribd
Upload
4 views5 pages

HTML Code

The document contains HTML code for a 'Contact Us' page with sections for address, phone, and email, along with a message form. It includes CSS for styling the layout and JavaScript to filter duplicate values from an array. The layout is responsive and uses Font Awesome icons for visual enhancement.

Uploaded by

divyemaingi88
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
4 views5 pages

HTML Code

The document contains HTML code for a 'Contact Us' page with sections for address, phone, and email, along with a message form. It includes CSS for styling the layout and JavaScript to filter duplicate values from an array. The layout is responsive and uses Font Awesome icons for visual enhancement.

Uploaded by

divyemaingi88
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd

Html code ->

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-


scale=1.0">

<title>Document</title>

<link rel="stylesheet" href="[Link]">

<link rel="stylesheet" href="[Link]


awesome/6.5.0/css/[Link]">

</head>

<body>

<h2 class="ab">Contact Us</h2>

<p class="ab">Lorem, ipsum dolor sit amet consectetur adipisicing elit.


Libero autem, sunt architecto odit nihil, commodi dicta non fugiat neque
reprehenderit, voluptatem repellendus cumque vero veniam laboriosam
dolore laborum reiciendis in?</p><br><br>

<div id="xyz">

<div>

<div class="gf">

<i class="fa-solid fa-house" id="abc"></i>

<span class="lk">

<h3>Address</h3>

<p>4671 Main Street</p>

<p>New York, NY 10001</p>

<p>56612</p>

</span>

</div>
<div class="gf">

<i class="fa-solid fa-phone" id="abc"></i>

<span class="lk">

<h3>Phone</h3>

<p>571-456-7890</p>

</span>

</div>

<div class="gf">

<i class="fa-solid fa-envelope" id="abc"></i>

<span class="lk">

<h3>Email</h3>

<p>info@[Link]</p>

</span>

</div>

</div>

<div class="hj">

<form class="jmn">

<h1>Send Message</h1>

<input type="text" placeholder="Full Name"


class="abc"><br><br>

<input type="email" placeholder="Email"


class="abc"><br><br>

<!-- <input type="text" placeholder="Type your message here"


class="abc"><br><br> -->

<textarea name="" id="" cols="" rows="1"


placeholder="Message" class="abc"></textarea> <br><br>

<button class="abd">Send</button>
</form>

</div>

</div>

</body>

</html>

Css code ->

.ab{

align-items: center;

#abc{

border: 2px solid black;

padding: 10px;

border-radius: 50px;

#xyz{

display: flex;

justify-content: space-around;

.abc{ width: 400px;

padding: 10px;

border: 1px solid #ccc;

border-radius: 4px;

.gf{

display: flex;

flex-direction: row;
}

.lk{

margin-left: 5px;

margin-top: -10px;

.abd{

background-color: black;

color: white;

padding: 10px 20px;

width: 420px;

.jmn{

padding: 30px;

background-color: rgb(193, 182, 182);

Js code->

let arr1 = [1,1,2,2,3,3];

let arr2 = [Link]((value,index,self)=>

[Link](value) === index);

[Link](arr2);
Output Photo->

You might also like