Rajib Rezwan

4. Open the BundleConfig.cs file in the App_Start directory and comment all contents in theRegisterBundles method as shown in the image below:

5. Now we will modify the Views. In modifying the Views, all you need to do is to open the Index.html file included in the template and copy it to the corresponding Views.

The first View that will modify is the _Layout.cshtml, which is located in the Views\Sharedfolder. Delete all the content and replace it with the code below.

<!DOCTYPE html>

<html>

<head>

<![endif]-->

</head>

@RenderBody()

</body>

</html>

6. Next, is to modify the Index.cshtml, which is located in Views\Home. Delete all the content and replace it with the code below.

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

<!DOCTYPE html>

<head>

<title>Freelancer - Start Bootstrap Theme</title>

<!--[if lt IE 9]>

<![endif]-->

</head>

<span class="sr-only">Toggle navigation</span>

</button>

<a class="navbar-brand" href="#page-top">Start Bootstrap</a>

</div>

</li>

<a href="#portfolio">Portfolio</a>

</li>

<a href="#about">About</a>

</li>

<a href="#contact">Contact</a>

</li>

</ul>

</div>

</div>

</nav>

<span class="name">Start Bootstrap</span>

<span class="skills">Web Developer - Graphic Artist - User Experience Designer</span>

</div>

</header>

<h2>Portfolio</h2>

</div>

</div>

</a>

</div>

</div>

</a>

</div>

</div>

</a>

</div>

</div>

</a>

</div>

</div>

</a>

</div>

</div>

</a>

</div>

</section>

<h2>About</h2>

</div>

<p>Freelancer is a free bootstrap theme created by Start Bootstrap. The download includes the complete source files including HTML, CSS, and JavaScript as well as optional LESS stylesheets for easy customization.</p>

</div>

<p>Whether you're a student looking to showcase your work, a professional looking to attract clients, or a graphic artist looking to share your projects, this template is the perfect starting point!</p>

</div>

<i class="fa fa-download"></i> Download Theme

</a>

</div>

</section>

<h2>Contact Me</h2>

</div>

</div>

<label>Email Address</label>

</div>

<label>Phone Number</label>

</div>

<label>Message</label>

</div>

<br>

</div>

</form>

</div>

</section>

<h3>Location</h3>

<p>3481 Melrose Place<br>Beverly Hills, CA 90210</p>

</div>

<h3>Around the Web</h3>

<li>

</li>

<li>

</li>

<li>

</li>

<li>

</li>

<li>

</li>

</ul>

</div>

<h3>About Freelancer</h3>

<p>Freelance is a free to use, open source Bootstrap theme created by <a href="http://startbootstrap.com">Start Bootstrap</a>.</p>

</div>

</div>

</footer>

</a>

</div>

</div>

<h2>Project Title</h2>

<p>Use this area of the page to describe your project. The icon above is part of a free icon set by <a href="https://sellfy.com/p/8Q9P/jV3VZ/">Flat Icons</a>. On their website, you can download their free set with 16 icons, or you can purchase the entire set with 146 icons for only $12!</p>

<li>

Client:

<a href="http://startbootstrap.com">Start Bootstrap</a>

</strong>

</li>

<li>

Date:

<a href="http://startbootstrap.com">April 2014</a>

</strong>

</li>

<li>

Service:

<a href="http://startbootstrap.com">Web Development</a>

</strong>

</li>

</ul>

<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>

</div>

</div>

<h2>Project Title</h2>

<li>

Client:

<a href="http://startbootstrap.com">Start Bootstrap</a>

</strong>

</li>

<li>

Date:

<a href="http://startbootstrap.com">April 2014</a>

</strong>

</li>

<li>

Service:

<a href="http://startbootstrap.com">Web Development</a>

</strong>

</li>

</ul>

<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>

</div>

</div>

<h2>Project Title</h2>

<li>

Client:

<a href="http://startbootstrap.com">Start Bootstrap</a>

</strong>

</li>

<li>

Date:

<a href="http://startbootstrap.com">April 2014</a>

</strong>

</li>

<li>

Service:

<a href="http://startbootstrap.com">Web Development</a>

</strong>

</li>

</ul>

<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>

</div>

</div>

<h2>Project Title</h2>

<li>

Client:

<a href="http://startbootstrap.com">Start Bootstrap</a>

</strong>

</li>

<li>

Date:

<a href="http://startbootstrap.com">April 2014</a>

</strong>

</li>

<li>

Service:

<a href="http://startbootstrap.com">Web Development</a>

</strong>

</li>

</ul>

<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>

</div>

</div>

<h2>Project Title</h2>

<li>

Client:

<a href="http://startbootstrap.com">Start Bootstrap</a>

</strong>

</li>

<li>

Date:

<a href="http://startbootstrap.com">April 2014</a>

</strong>

</li>

<li>

Service:

<a href="http://startbootstrap.com">Web Development</a>

</strong>

</li>

</ul>

<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>

</div>

</div>

<h2>Project Title</h2>

<li>

Client:

<a href="http://startbootstrap.com">Start Bootstrap</a>

</strong>

</li>

<li>

Date:

<a href="http://startbootstrap.com">April 2014</a>

</strong>

</li>

<li>

Service:

<a href="http://startbootstrap.com">Web Development</a>

</strong>

</li>

</ul>

<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>

</div>

</body>

</html>

Now run your project. You should get this beautiful page in your localhost :)

Mon	Tue	Wed	Thu	Fri	Sat	Sun
25	26	27	28	29	30	31
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30	1	2	3	4	5

Hi ! I'm Rezwanul Islam Rajib . I'm a passionate programmer and software devloper . Everything about technology , the beauty in each and every one of them , makes me passionate about them . I wish I could see may be a little bit of all of them .

Creating an ASP.Net MVC 5 site using bootstrap Custom templates - Part 2

Add comment

Related posts

Add comment