Scribd
Upload
8 views2 pages

Index

This document is an HTML file for a simple dialer interface. It includes a navigation bar with links for calling, contacting, and accessing settings, as well as a section for entering a phone number and buttons for dialing. The layout is styled with CSS and features buttons for numbers 0-9, a call button, and a delete button.

Uploaded by

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

Index

This document is an HTML file for a simple dialer interface. It includes a navigation bar with links for calling, contacting, and accessing settings, as well as a section for entering a phone number and buttons for dialing. The layout is styled with CSS and features buttons for numbers 0-9, a call button, and a delete button.

Uploaded by

musayahayaabdu
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

<!

DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>index.html</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="navbar">
<a href="#">Call</a>
<a href="#">Contact</a>
<a href="#">Dialer</a>
<a href="#">Call history</a>
<a href="#">Settings</a>
</div>
<div class="box">
<h2 > &nbsp; &nbsp; &#128222;&nbsp;Dialer</h2>
<input type="text" name="number" placeholder="Enter The Number">
<div class="buttons">
<button class="button"><b>1</b></button>
<button class="button"><b>2</b></button>
<button class="button"><b>3</b></button>
</div>
<div class="buttons">
<button class="button"><b>4</b></button>
<button class="button"><b>5</b></button>
<button class="button"><b>6</b></button>
</div>
<div class="buttons">
<button class="button"><b>7</b></button>
<button class="button"><b>8</b></button>
<button class="button"><b>9</b></button>
</div>
<div class="buttons">
<button class="button"><b>.</b></button>
<button class="button"><b>0</b></button>
<button class="button" style=" background-color: inherit;"><b> &#3; </b></button>
</div>

<div class="buttons" style=" background-color: green; margin-top: 60px; margin-left: 5px ; "> &#128222;
Call

</div>
</div>
</body>
</html>

You might also like