Project - Build Web Development Website HTML

<!
DOCTYPE html>
<html>
<head>
<title>html5/css3 for beginners to front end developers</title>
<meta charset="UTF-8" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<style>
body {
margin:0;
padding:0;
width:100%;
font-family: "sans-serif", arial, Verdana;
background-image:url("images/pattern.png");
.topline {
width:100%;
height:10px;
background:linear-gradient(red, #95201a);
margin:0;
}
.limg {
margin:0;
padding: 10px 0 0 150px;
float:left;
.logoname {
float:left;
padding-top:75px;
font-size:1.4em;
color:#bd1010;
font-weight:bold;
.search {
float:right;
padding:75px 150px 0 0;
.navbar {
width:1100px;
height:50px;
border:none;
margin:0;
margin-left:130px;
margin-right:auto;
float:left;
.navbar ul {
padding-left:10px;
.navbar li {
list-style:none;
float:left;
padding:0 50px 0 20px;
color:#777777;
font-size:1em;
margin-top:10px;
.navbarbline {
height:2px;
width:1100px;
border:none;
margin:0;
margin-left:130px;
margin-right:auto;
float:left;
background-color:#aa1f17;
.banner {
float:left;
margin-top:10px;
margin-left:130px;
box-shadow:1px 2px 1px #888888;
.scrolling {
margin-top:10px;
float:left;
width:1100px;
font-size:1.2em;
margin-left:130px;
.content {
width:1100px;
height:750px;
float:left;
margin:0;
margin-top:10px;
margin-left:130px;
background-color:#f9f9f9;
box-shadow:1px 2px 2px 1px #888888;
.leftContent {
margin:20px;
width:70%;
float:left;
height:450px;
.leftContentHeading h3 {
margin:0;
color:#bd1010;
.leftContentHeading p {
margin:0;
padding:10px;
text-align:justify;
.readmore {
float:right;
color:#bd1010;
font-weight:bold;
font-size:.8em;
margin:0;
.leftServices {
width:30%;
height:250px;
margin:10px;
margin-top:40px;
float:left;
background-color:#f2eeee;
.services {
width:100%;
height:35px;
margin:0;
color:white;
text-align:center;
.services h4 {
margin:0;
padding:10px 0 0 10px;
}
.servicesp {
width:90%;
margin:10px;
text-align:justify;
p{
font-size:.9em;
.rightContent {
width:23%;
height:700px;
margin-right:20px;
margin-top:20px;
float:right;
.quote {
width:100%;
height:40px;
color:white;
border-radius:10px;
text-align:center;
.quote h4 {
padding-top:10px;
.ourServices {
width:100%;
height:300px;
background-color:#f4f1f1;
margin:0;
margin-top:30px;
.offerings {
width:100%;
height:45px;
background-color:none;
margin-0;
box-shadow: 0 2px 2px #888888;
.offerings h4 {
padding-top:15px;
text-align:center;
color:#bd1010;
.check {
color:#bd1010;
.offerslist li {
list-style:none;
font-size:.9em;
padding:15px 0 0 25px;
.inquiry {
width:100%;
height:45px;
background-color:none;
margin-0;
background:url("images/InquiryForm_img.jpg");
background-size:30% 99%;
background-repeat:no-repeat;
margin:0;
box-shadow: 0 2px 2px #888888;
}
.inquiry h4 {
padding-top:15px;
text-align:center;
color:#bd1010;
.formgroup {
margin:35px;
.footer {
float:left;
margin:0;
width:100%;
height:300px;
margin-top:25px;
.footer li {
list-style :none;
color:white;
padding:10px 0 10px 150px;
}
.sicons {
float:right;
margin-right:100px;
</style>
</head>
<body>
<div class="container">
<div class="topmenu">
<div class="topline">
</div>
<div class="limg">
<img src="images/logo.png" alt="logo" height="100px"

width="100px">
</div>
<div class="logoname">
anumasun
</div>
<div class="search">
<form class="forngroup">
Search<input></input>
</form>
</div>
<div class="navbar">
<ul>
<li>Home</li>
<li><span style="color:red;">Web
Development</span></li>
<li>Corporate</li>
<li>Ecommerce</li>
<li>News</li>
<li>Tourism & Travel</li>
<li>Contact Us</li>
</ul>
</div>
<div class="navbarbline">
</div>
</div>
<div class="banner">
<img src="images/banner.jpg" alt="banner" >
</div>
<div class="scrolling">
<marquee scrollamount="5" direction="left">Web

Development</marquee>
<marquee scrollamount="2" direction="left">HTML5 /
CSS3</marquee>
<marquee scrollamount="4" direction="left">ECommerce / SEO /

CMS</marquee>
<marquee scrollamount="3" direction="left">facebook / twitter /

linkedin</marquee>
</div>
<div class="content">
<div class="leftContent">
<div class="leftContentHeading">
<h3>Welcome to anumasun</h3>
<p>Welcome to KESAV ADITYAA IT SOLUTIONS PVT LTD,

we are one of the world's foremost providers of SAP, Orcale, Mobile Application,
Web Development and Outsourcing Services. We help our clients to transform in
order to improve their performance more effectively, we are having our presence
in <u>GCC, EAST ASIA and USA.</u>
</p>
<p class="readmore"> >>Read More...</p>
</div>
<div class="leftServices">
<div class="services">
<h4>Web Development</h4>
</div>
<div class="servicesp">
<p>Our experience of working with industry

leaders in the development of their systems has given Evince valuable insight into
the possibilities for solving business challenges by applying Internet technologies.
</p><br><br>
</div>
</div>
<h4>ECommerce</h4>
</div>

</p><br><br>
</div>
</div>
<div class="leftServices" style="margin-top:6px">

<h4>SEO / CMS</h4>
</div>

</p><br><br>
</div>
</div>
<h4>Online Marketing</h4>
</div>

</p><br><br>
</div>
</div>
<h4>MCommerce</h4>
</div>

</p><br><br>
</div>
</div>
<h4>Direct Marketing</h4>
</div>

</p><br><br>

</div>
</div>
</div>
<div class="rightContent">
<div class="quote">
<h4>Request a Quote</h4>
</div>
<div class="ourServices">
<div class="offerings">
<h4>Offerings</h4>
</div>
<div class="offerslist">
<ul>
<li><span class="check">&check;</span> PHP/

MySql</li>
<li><span class="check">&check;</span> Mobile

Application</li>
<li><span class="check">&check;</span> Web

Development</li>
<li><span class="check">&check;</span> Content

Management</li>
<li><span class="check">&check;</span> Iphone

Application</li>
<li><span class="check">&check;</span> Ipad
Application</li>
</ul>
</div>
</div>
<div class="ourServices">
<div class="inquiry">
<h4>Inquiry</h4>
</div>
<div class="inquiryform">
<form class="formgroup">
<input type="text" placeholder="Name">
<br>
<br>
<input type="text" placeholder="phone">
<br>
<br>
<input type="email" name="email" placeholder="your email">
<br><br>
<input type="submit" value="submit">
</form>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="footerlinks">
<ul>
<li>Web Services</li>
<li>PHP / My Sql</li>
<li>Online Marketing</li>
<li>SEO / CMS</li>
<li>Request Quote</li>
<li>Contact Us</li>
</ul>
</div>
<div class="sicons">
<img src="images/fb.jpg" alt="facebook" width="25px">
<img src="images/youtube.jpg" alt="youtube" width="25px">
<img src="images/linkedin.jpg" alt="linkedin" width="25px">
<img src="images/twitter.jpg" alt="twitter" width="25px">
</div>
</div>
</body>
</html>

Project - Build Web Development Website HTML

Cargado por

Información del documento

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Project - Build Web Development Website HTML

Cargado por

Copyright:

Formatos disponibles

<!

<title>html5/css3 for beginners to front end developers</title>

<meta charset="UTF-8" />

<meta http-equiv="content-type" content="text/html; charset=utf-8" />

<meta name="viewport" content="width=device-width, initial-scale=1" />

font-family: "sans-serif", arial, Verdana;

padding: 10px 0 0 150px;

padding:0 50px 0 20px;

box-shadow:1px 2px 1px #888888;

box-shadow:1px 2px 2px 1px #888888;

box-shadow: 0 2px 2px #888888;

box-shadow: 0 2px 2px #888888;

padding:10px 0 10px 150px;

<img src="images/logo.png" alt="logo" height="100px"

<li>Tourism &amp; Travel</li>

<img src="images/banner.jpg" alt="banner" >

<marquee scrollamount="5" direction="left">Web

<marquee scrollamount="4" direction="left">ECommerce / SEO /

<marquee scrollamount="3" direction="left">facebook / twitter /

<p>Welcome to KESAV ADITYAA IT SOLUTIONS PVT LTD,

<p class="readmore"> >>Read More...</p>

<p>Our experience of working with industry

<p class="readmore"> >>Read More...</p>

<p>Our experience of working with industry

<p class="readmore"> >>Read More...</p>

<div class="leftServices" style="margin-top:6px">

<p>Our experience of working with industry

<p class="readmore"> >>Read More...</p>

<p>Our experience of working with industry

<p class="readmore"> >>Read More...</p>

<p>Our experience of working with industry

<p class="readmore"> >>Read More...</p>

<p>Our experience of working with industry

<p class="readmore"> >>Read More...</p>

<li><span class="check">&check;</span> PHP/

<li><span class="check">&check;</span> Mobile

<li><span class="check">&check;</span> Web

<li><span class="check">&check;</span> Content

<li><span class="check">&check;</span> Iphone

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

<input type="text" placeholder="phone">

<input type="email" name="email" placeholder="your email">

<input type="submit" value="submit">

<img src="images/fb.jpg" alt="facebook" width="25px">

<img src="images/youtube.jpg" alt="youtube" width="25px">

<img src="images/linkedin.jpg" alt="linkedin" width="25px">

<img src="images/twitter.jpg" alt="twitter" width="25px">

También podría gustarte

<li>Tourism & Travel</li>