Friday 13 October 2017

How to make simple and easy Services page of a E-Commerce website in 15 minutes

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>About Us</title>
<link href="../css/style.css" rel="stylesheet"  type="text/css"/>

<style>

 table td p
{ font-family:"Comic Sans MS", cursive;
}

td
{
padding:20px;
}
td:hover
{ background-color:rgb(255,190,0);
border:2px solid rgb(255,190,0);
color:white;
}



 </style>

</head>

<body>

<div id="warpper">

<header>

<div style="width:50%;height:200px;float:left">

<img src="../img/logo.png" style="width:250px;height:190px;">



 </div>
<div style="width:50%;height:200px;float:left">
<img src="../img/logo2.png" style="width:250px;height:190px;">

</div>


 </header>

<nav>
<ul>

<li> <a href="../index.html">HOME </a> </li>

<li> <a href="service.html">SERVICE </a> </li>

<li> <a href="about us.html">ABOUT </a> </li>

<li> <a href="contact.html">CONTACT</a> </li>

<li> <a href="gallery.html">GALLERY</a> </li>


</ul>


</nav>



<section style="min-height:500px;margin:0">

<div style="background-color:rgb(2,173,193);width:100%;height:70px; margin:0;">
<br>
<h1 style=" color:white;margin-top:0px; margin-left:20px;"> Services |
<span style="font-size:16px" >
Take A Look What We love To  Do </span>
</h1>


 </div>


<table ">

<tr>
<td>
<img src="../img/html-5-icon.png" style="width:100px;height:100px; margin-left:120px"/>

<h3 style="text-align:center">Latest Technology</h3>
<p style="text-align:center">
Video provides a powerful way to help you prove your point. When you click Online Video, you can paste in the embed code for the video you want to add. You can also type a keyword to search online for the video that best fits your document.
</p>
</td>



<td>
<img src="../img/activity_grid21600.png" style="width:100px;height:100px; margin-left:120px"/>

<h3 style="text-align:center">Latest Technology</h3>
<p style="text-align:center">
Video provides a powerful way to help you prove your point. When you click Online Video, you can paste in the embed code for the video you want to add. You can also type a keyword to search online for the video that best fits your document.
</p>
</td>



<td>
<img src="../img/Document-icon.png" style="width:100px;height:100px; margin-left:120px"/>

<h3 style="text-align:center">Latest Technology</h3>
<p style="text-align:center">
Video provides a powerful way to help you prove your point. When you click Online Video, you can paste in the embed code for the video you want to add. You can also type a keyword to search online for the video that best fits your document.
</p>
</td>


</tr>







<tr>
<td>
<img src="../img/iPhone-White-Apple-icon.png" style="width:100px;height:100px; margin-left:120px"/>

<h3 style="text-align:center">Latest Technology</h3>
<p style="text-align:center">
Video provides a powerful way to help you prove your point. When you click Online Video, you can paste in the embed code for the video you want to add. You can also type a keyword to search online for the video that best fits your document.
</p>
</td>



<td>
<img src="../img/wheels-icon.png" style="width:100px;height:100px; margin-left:120px"/>

<h3 style="text-align:center">Latest Technology</h3>
<p style="text-align:center">
Video provides a powerful way to help you prove your point. When you click Online Video, you can paste in the embed code for the video you want to add. You can also type a keyword to search online for the video that best fits your document.
</p>
</td>



<td>
<img src="../img/Eye-icon.png" style="width:100px;height:100px; margin-left:120px"/>

<h3 style="text-align:center">Latest Technology</h3>
<p style="text-align:center">
Video provides a powerful way to help you prove your point. When you click Online Video, you can paste in the embed code for the video you want to add. You can also type a keyword to search online for the video that best fits your document.
</p>
</td>


</tr>




</table>

 </section>


<footer>
<br>


<p style="text-align:center; ">Made by : Salmanmasood </p>
</footer>




</div>


</body>
</html>

Pass Dynamically Added Html Table Records List To Controller In Asp.net MVC

Controller Code: using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Mvc; using ...