How do I...Manage my Css in MVC

Question

0.00/5 (No votes)

See more:

HTML

<!DOCTYPE html>
<head>
 <meta name="viewport" content="width=device-width" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>@ViewBag.Title</title>

@*<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css' />
<link href='http://fonts.googleapis.com/css?family=Roboto:400,500,700' rel='stylesheet' type='text/css' />
<link href='http://fonts.googleapis.com/css?family=PT+Sans:700,400' rel='stylesheet' type='text/css' />
<link href='http://fonts.googleapis.com/css?family=Pontano+Sans' rel='stylesheet' type='text/css' />
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600' rel='stylesheet' type='text/css' />
    <!-- Styles -->
<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css" /><!-- Bootstrap -->
<link rel="stylesheet" href="font-awesome-4.0.3/css/font-awesome.css" type="text/css" /><!-- Font Awesome -->

<link rel="stylesheet" type="text/css" media="all" href="css/daterangepicker-bs3.css" /><!-- Date Range Picker -->
<link rel="stylesheet" href="css/style.css" type="text/css" /><!-- Style -->	
<link rel="stylesheet" href="css/responsive.css" type="text/css" /><!-- Responsive -->	



 
<!-- Script -->
<script src="js/jquery-1.10.2.js"></script><!-- Jquery -->
<script type="text/javascript" src="js/bootstrap.min.js"></script><!-- Bootstrap -->
<script type="text/javascript" src="js/script.js"></script><!-- Script -->
<script src="js/enscroll-0.5.2.min.js"></script> <!-- Custom Scroll bar -->
<script src="js/moment.js"></script> <!-- Date Range Picker -->
<script src="js/daterangepicker.js"></script><!-- Date Range Picker -->*@

    <!-- Styles -->
 @Styles.Render("~/Content/css")
    <!-- JS -->
 @Styles.Render("~/Content/js")
    <!-- Font -->
 @Styles.Render("~/Content/font")

</head>

<body>
		<div class="responsive-menu">
			<div class="responsive-menu-dropdown blue">
				<a title="" class="blue">MENU <span>^__i__^4</i__^</span>Discover</a>
				<ul>
					<li><a href="dashboard.html" title="">Dashboard 1</a></li>
					<li><a href="dashboard2.html" title="">Dashboard 2</a></li>
					<li><a href="dashboard3.html" title="">Dashboard 3</a></li>
					<li><a href="dashboard4.html" title="">Dashboard 4</a></li>
				</ul>			
			</li>
			<li id="intro5"><a href="widget.html" title="">^__i class="fa fa-heart-o"__^<span>^__i__^20+</span>Widget</a></li>			
			<li><a href="#" title="">^__i class="fa fa-tint"__^<span>^__i__^12</span>Ui Kit</a>
				<ul>
					<li><a href="notifications.html" title="">Notifications</a></li>
					<li><a href="grids.html" title="">Grids</a></li>
					<li><a href="buttons.html" title="">Buttons</a></li>
					<li><a href="calendars.html" title="">Calendars</a></li>
					<li><a href="file-manager.html" title="">File Manager</a></li>
					<li><a href="gallery.html" title="">Gallery</a></li>
					<li><a href="slider.html" title="">Slider</a></li>
					<li><a href="page-tour.html" title="">Page Tour</a></li>
					<li><a href="collapse.html" title="">Collapse</a></li>
					<li><a href="range-slider.html" title="">Range Slider</a></li>
					<li><a href="typography.html" title="">Typography</a></li>
					<li><a href="tables.html" title="">Tables</a></li>

				</ul>
			</li>
			<li><a href="form.html" title="">^__i class="fa fa-paperclip"__^Form Stuff</a></li>
			<li><a href="charts.html" title="">^__i class="fa fa-unlink"__^<span>^__i__^5+</span>Charts</a></li>
			<li><a href="#" title="">^__i class="fa fa-rocket"__^<span>^__i__^8+</span>Pages</a>
				<ul>
					<li><a href="invoice.html" title="">Invoice</a></li>
					<li><a href="order-recieved.html" title="">Order Recieved</a></li>
					<li><a href="search-result.html" title="">Search Result</a></li>
					<li><a href="price-table.html" title="">Price Table</a></li>
					<li><a href="inbox.html" title="">Inbox</a></li>
					<li><a href="profile.html" title="">Profile</a></li>
					<li><a href="contact.html" title="">Contact Us</a></li>
					<li><a href="css-spinners.html" title="">Css Spinners</a></li>
				</ul>			
			</li>
			<li><a href="#" title="">^__i class="fa fa-thumbs-o-up"__^<span>^__i__^6+</span>Bonus</a>
				<ul>

					<li><a href="faq.html" title="">Faq</a></li>
					<li><a href="index.html" title="">Log in</a></li>
					<li><a href="blank.html" title="">blank</a></li>
					<li><a href="cart.html" title="">Cart</a></li>
					<li><a href="billing.html" title="">Billing</a></li>
					<li><a href="icons.html" title="">Icons</a></li>
				</ul>		
			</li>
		</ul>
	</div>
	<header>
		<div class="logo">
			<img src="images/logo.png" alt="" />
		</div>
		<div class="header-post" id="intro2">
			<a href="#add-post-title" data-toggle="modal" title="">POST ^__i class="fa fa-plus"__^</a>
			<ul>
			<li><a href="#" title="" data-tooltip="Refresh" data-placement="bottom">^__i class="fa fa-refresh"__^</a></li>
			<li><a href="#" title="" data-tooltip="Custom" data-placement="bottom">^__i class="fa fa-th-large"__^</a></li>
			<li class="upload-files-sec"><a href="#" title="" data-tooltip="Upload Files" data-placement="bottom" class="upload-btn">^__i class="fa fa-cloud-upload"__^</a>
			
			<div class="upload-files">
				<ul>
					<li>
						<p>Photoshop 524.psd</p>
						<div class="progress small-progress progress-striped active">
							<div style="width: 30%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="40" role="progressbar" class="progress-bar pink">
							</div>
						</div>
					</li>
					
					<li>
						<p>Phtoto758.jpg</p>
						<div class="progress small-progress progress-striped active">
							<div style="width: 58%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="40" role="progressbar" class="progress-bar yellow">
							</div>
						</div>
					</li>
					
					<li>
						<p>Private files.xlxs</p>
						<div class="progress small-progress  progress-striped active">
							<div style="width: 32%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="40" role="progressbar" class="progress-bar blue">
							</div>
						</div>
					</li>
					
					<li>
						<p>index.html</p>
						<div class="progress small-progress progress-striped active">
							<div style="width: 98%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="40" role="progressbar" class="progress-bar black">
							</div>
						</div>
					</li>
				
				</ul>
			</div>	
			</li>
			</ul>
		</div>
		<div aria-hidden="true" role="dialog" tabindex="-1" class="modal fade" id="add-post-title" style="display: none;">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header blue">
					  <button aria-hidden="true" data-dismiss="modal" class="close" type="button">Ã—</button>
					  <h4 class="modal-title">Setting Section</h4>
					</div>
					<div class="modal-body">
					  <input type="text" placeholder="TITLE" />
					  <textarea placeholder="DESCRIPTION" rows="5"></textarea>
					</div>
					<div class="modal-footer">
					  <button data-dismiss="modal" class="btn btn-default black" type="button">Close</button>
					  <button class="btn btn-primary blue" type="button">Save changes</button>
					</div>
				</div><!-- /.modal-content -->
			</div>
		</div>
		<div class="header-alert">
			<ul>
				<li><a href="#" title="">^__i class="fa fa-group"__^Team Statistics</a></li>
				<li><a title="" class="message-btn">^__i class="fa fa-envelope"__^<span>3</span></a>
					<div class="message">
						<span>You have 3 New Messages</span>
						<a href="#" title=""><img src="images/notification1.jpg" alt="" />Hey! How are You Diana. I waiting for you.
						toe Check. <p>^__i class="fa fa-clock-o"__^3:45pm</p></a>
						<a href="#" title=""><img src="images/notification1.jpg" alt="" />Please Can you Submit A file. I am From Korea
						toe Check. <p>^__i class="fa fa-clock-o"__^1:40am</p></a>
						<a href="#" title=""><img src="images/notification1.jpg" alt="" />Hey Today is Party So you Will Have to Come <p>^__i class="fa fa-clock-o"__^4 Hours ago</p></a>
						<a href="inbox.html" class="view-all">VIEW ALL MESSAGE</a>
					</div>				
				
				
				</li>
				<li><a title="" class="notification-btn">^__i class="fa fa-bell"__^<span>4</span></a>
					<div class="notification">
						<span>You have 6 New Notification</span>
						<a href="#" title=""><img src="images/notification1.jpg" alt="" />Server 3 is Over Loader Pleas
						toe Check. <p>^__i class="fa fa-clock-o"__^3:45pm</p></a>
						<a href="#" title=""><img src="images/notification1.jpg" alt="" />Server 10 is Over Loader Pleas
						toe Check. <p>^__i class="fa fa-clock-o"__^1:40am</p></a>
						<a href="#" title=""><img src="images/notification1.jpg" alt="" />New User Registered Please Check This <p>^__i class="fa fa-clock-o"__^4 Hours ago</p></a>
						<a href="#" class="view-all">VIEW ALL NOTIFICATIONS</a>
					</div>
				
				</li>					
			</ul>
		</div>
		<div class="right-bar-sec">
			<a href="#" title="" class="right-bar-btn">^__i class="fa fa-bars rotator animation"__^</a>
			<a href="#" title="" class="right-bar-btn-mobile">^__i class="fa fa-bars rotator animation"__^</a>
			<div id="scrollbox4" class="right-bar">
					
				<div class="my-account">
					<form >
						<input type="text" placeholder="SEARCH ACCOUNT" />
						<a href="" title="" data-tooltip="Account" data-placement="left">^__i class="fa fa-cogs"__^</a>
					</form>
					<a id="account" class="toogle-head">ACCOUNT LIST^__i class="fa fa-plus"__^</a>
					<div class="account2">
						<ul>
							<li>
							Private Office
								<div class="switch-account">
								  <input type="checkbox" id="check" />
								  <label for="check" class="switch">
									<span class="slide-account"></span>
								  </label>
								</div>
							</li>
							<li>
							Home Account
								<div class="switch-account">
									<input type="checkbox" id="check2" checked/="" />
								  <label for="check2" class="switch">
									<span class="slide-account"></span>
								  </label>
								</div>
							</li>
							<li>
							Personal Account
								<div class="switch-account">
									<input type="checkbox" id="check3" checked/="" />
								  <label for="check3" class="switch">
									<span class="slide-account"></span>
								  </label>
								</div>
							</li>
						</ul>
						
					<a href="#" title="">^__i class="fa fa-plus"__^ADD ACCOUNT</a>	
					</div>
				</div><!-- Add Account -->
				
				<div class="users-online">
					<a id="user-online" class="toogle-head">USERS ONLINE^__i class="fa fa-plus"__^<span>26</span></a>
					<div class="user-online2">
						<ul>
							<li><img src="images/user1.jpg" alt="" /><h5><a href="#" title="">Johny Razell</a></h5><span class="offline">OFFLINE</span> </li>
							<li><img src="images/user2.jpg" alt="" /><h5><a href="#" title="">John Smith</a></h5><span class="online">ONLINE</span> </li>
							<li><img src="images/user3.jpg" alt="" /><h5><a href="#" title="">Doe Haxzer</a></h5><span class="online">ONLINE</span> </li>
							<li><img src="images/user4.jpg" alt="" /><h5><a href="#" title="">Karen Kelly</a></h5><span class="unread">^__i__^4</span> 
							<p>Hey! I am still waitin</p>
							</li>
						</ul>
					<a href="#" title="">^__i__^260TOTAL MEMBER</a>
					</div>
				</div><!-- Users Online -->
				
				
				<div class="disk-usage-sec">
					<a id="disk-usage" class="toogle-head">USAGE^__i class="fa fa-plus"__^</a>
					<div class="disk-usage">
						<p>1.31 GB of 1.50 GB used ^__i__^75%</p>
						<div class="progress small-progress">
							<div style="width: 35%" class="progress-bar black">
							  <span class="sr-only">35% Complete (success)</span>
							</div>
							<div style="width: 20%" class="progress-bar blue">
							  <span class="sr-only">20% Complete (warning)</span>
							</div>
							<div style="width: 10%" class="progress-bar pink">
							  <span class="sr-only">10% Complete (danger)</span>
							</div>
						</div>						
					</div>
				</div><!-- Disk Usage -->
				
				
				<div class="pending-task-sec">
					<a id="pending-task" class="toogle-head">PENDING TASK^__i class="fa fa-plus"__^</a>
					<div class="pending-task">
						<ul>
							<li><h6>Development</h6><span>75%</span><a href="#" title="" data-tooltip="Refresh" data-placement="left">^__i class="fa fa-refresh"__^</a>
								<div class="progress small-progress">
									<div style="width: 40%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="40" role="progressbar" class="progress-bar pink">
									</div>
								</div>							
							</li>
							
							<li><h6>Bug Fixes</h6><span>60%</span><a href="#" title="" data-tooltip="Refresh" data-placement="top">^__i class="fa fa-refresh"__^</a>
								<div class="progress small-progress">
									<div style="width: 60%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="40" role="progressbar" class="progress-bar blue">
									</div>
								</div>							
							</li>
							
							<li><h6>Javascript</h6><span>90%</span><a href="#" title="" data-tooltip="Refresh" data-placement="bottom">^__i class="fa fa-refresh"__^</a>
								<div class="progress small-progress">
									<div style="width: 90%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="40" role="progressbar" class="progress-bar black">
									</div>
								</div>							
							</li>
							
							
						</ul>
					</div>
				</div><!-- Disk Usage -->
				
				
			</div><!-- Right Bar -->
		</div><!-- Right Bar Sec -->
	</header><!-- Header -->

	<div class="menu">
		<div class="menu-profile" id="intro3">
			<img src="images/profile-image.jpg" alt="" />
			<span>^__i class="fa fa-plus"__^</span>
			<div class="menu-profile-hover">
				<h1>^__i__^Brian Kelly</h1>
				<p>^__i class="fa fa-map-marker"__^LONDON, UNITED KINGDOM</p>
				<a href="index.html" title="">^__i class="fa fa-power-off"__^</a>
				<div class="menu-profile-btns">
					
				<h3>	
					^__i class="fa fa-user blue"__^
					<a href="profile.html" title="">PROFILE</a>
				</h3>
				<h3>
					^__i class="fa fa-inbox pink"__^
					<a href="inbox.html" title="">INBOX</a>
				</h3>
					
					
				</div>
			</div>
		</div>
		<ul>
			<li id="intro4"><a href="#" title="">^__i class="fa fa-desktop"__^Discover</a>
				<ul>
					<li><a href="dashboard.html" title="">Dashboard 1</a></li>
					<li><a href="dashboard2.html" title="">Dashboard 2</a></li>
					<li><a href="dashboard3.html" title="">Dashboard 3</a></li>
					<li><a href="dashboard4.html" title="">Dashboard 4</a></li>
				</ul>			
			</li>
			<li id="intro5"><a href="widget.html" title="">^__i class="fa fa-heart-o"__^<span>^__i__^20+</span>Widget</a></li>			
			<li><a href="#" title="">^__i class="fa fa-tint"__^Ui Kit</a>
				<ul>
					<li><a href="notifications.html" title="">Notifications</a></li>
					<li><a href="grids.html" title="">Grids</a></li>
					<li><a href="buttons.html" title="">Buttons</a></li>
					<li><a href="calendars.html" title="">Calendars</a></li>
					<li><a href="file-manager.html" title="">File Manager</a></li>
					<li><a href="gallery.html" title="">Gallery</a></li>
					<li><a href="slider.html" title="">Slider</a></li>
					<li><a href="page-tour.html" title="">Page Tour</a></li>
					<li><a href="collapse.html" title="">Collapse</a></li>
					<li><a href="range-slider.html" title="">Range Slider</a></li>
					<li><a href="typography.html" title="">Typography</a></li>
					<li><a href="tables.html" title="">Tables</a></li>

				</ul>
			</li>
			<li><a href="form.html" title="">^__i class="fa fa-paperclip"__^Form Stuff</a></li>
			<li><a href="charts.html" title="">^__i class="fa fa-unlink"__^Charts</a></li>
			<li><a href="#" title="">^__i class="fa fa-rocket"__^Pages</a>
				<ul>
					<li><a href="invoice.html" title="">Invoice</a></li>
					<li><a href="order-recieved.html" title="">Order Recieved</a></li>
					<li><a href="search-result.html" title="">Search Result</a></li>
					<li><a href="price-table.html" title="">Price Table</a></li>
					<li><a href="inbox.html" title="">Inbox</a></li>
					<li><a href="profile.html" title="">Profile</a></li>
					<li><a href="contact.html" title="">Contact Us</a></li>
					<li><a href="css-spinners.html" title="">Css Spinners</a></li>
				</ul>			
			</li>
			<li><a href="#" title="">^__i class="fa fa-thumbs-o-up"__^Bonus</a>
				<ul>

					<li><a href="faq.html" title="">Faq</a></li>
					<li><a href="index.html" title="">Log in</a></li>
					<li><a href="blank.html" title="">blank</a></li>
					<li><a href="cart.html" title="">Cart</a></li>
					<li><a href="billing.html" title="">Billing</a></li>
					<li><a href="icons.html" title="">Icons</a></li>
				</ul>		
			</li>
		</ul>
	</div><!-- Right Menu -->

	<div class="wrapper">
		<div class="container">
			<div class="col-md-6">
				<div class="heading-sec" id="intro6">
					<h1>INBOX^__i__^Welcome to Flat Lab</h1>
				</div>
			</div>
			<div class="col-md-6">
				<div id="reportrange" class="pull-right" style="background: #fff; removed: pointer; padding: 5px 10px; border: 1px solid #ccc">
                  ^__i class="fa fa-calendar-o icon-calendar icon-large"__^
                  <span></span> ^__b class="caret"__^
               </div>
			</div>
			
			<div class="col-md-12 inbox-margin">
				<div class="col-md-3">
					<div class="inbox-panel black">
						<div class="inbox-panel-head">
							<img src="images/inbox-1.jpg" alt="" />
							<h1>^__i__^Brian Kelly</h1>
							<a href="profile.html" title="">^__i class="fa fa-user"__^Profile</a>
							<a href="profile.html" title="">^__i class="fa fa-cog"__^Setting</a>
						</div>
						
						<ul>
							<li class="inbox-active"><a href="#" title="">^__i class="fa fa-download"__^INBOX</a><span>4</span></li>
							<li><a href="#" title="">^__i class="fa fa-book"__^Draft</a></li>
							<li><a href="#" title="">^__i class="fa fa-inbox"__^Outbox</a><span>6</span></li>
							<li><a href="#" title="">^__i class="fa fa-plane"__^Sent</a></li>
							<li><a href="#" title="">^__i class="fa fa-trash-o"__^Trash</a></li>
						</ul>
						<div class="flaged">
							<h3>^__i class="fa fa-flag"__^FLAGGED</h3>
							<ul>
								<li><a href="#" title="">^__i class="fa fa-tag" style="color:#ff5c5c;"__^Family</a></li>
								<li><a href="#" title="">^__i class="fa fa-tag" style="color:#3ac1e3;"__^Friends</a></li>
								<li><a href="#" title="">^__i class="fa fa-tag" style="color:#f3d547;"__^Private</a></li>
								<li><a href="#" title="">^__i class="fa fa-tag" style="color:#b447f3;"__^Office Staff</a></li>
							</ul>
						</div>
					</div>
				</div>
				
				<div class="col-md-4">
					<div class="all-emails">
						<form />
							<input type="text" placeholder="SEARCH EMAILS" />
							<a href="#" title="">^__i class="fa fa-search"__^</a>
						</form>
						<ul id="scrollbox8">
							<li>
								<h5><a href="#" title="">Penacy Conol</a>^__i class="fa fa-paperclip"__^</h5>
								<span>^__i class="fa fa-clock-o"__^2 min ago</span>
								<p>Search Results Page Design helps the user to narrow down the search results in a specific category. It not only sells out the products but ...</p>
								<div class="email-hover">
									<a href="#" title="">^__i class="fa fa-eye"__^</a>
									<a href="#" title="">^__i class="fa fa-trash-o"__^</a>
									<a href="#" title="">^__i class="fa fa-star-o"__^</a>
								</div>
							</li>
							
							<li>
								<h5><a href="#" title="">Penacy Conol</a>^__i class="fa fa-paperclip"__^</h5>
								<span>^__i class="fa fa-clock-o"__^2 min ago</span>
								<p>Search Results Page Design helps the user to narrow down the search results in a specific category. It not only sells out the products but ...</p>
								<div class="email-hover">
									<a href="#" title="">^__i class="fa fa-eye"__^</a>
									<a href="#" title="">^__i class="fa fa-trash-o"__^</a>
									<a href="#" title="">^__i class="fa fa-star-o"__^</a>
								</div>
							</li>
							
							<li>
								<h5><a href="#" title="">Penacy Conol</a>^__i class="fa fa-paperclip"__^</h5>
								<span>^__i class="fa fa-clock-o"__^2 min ago</span>
								<p>Search Results Page Design helps the user to narrow down the search results in a specific category. It not only sells out the products but ...</p>
								<div class="email-hover">
									<a href="#" title="">^__i class="fa fa-eye"__^</a>
									<a href="#" title="">^__i class="fa fa-trash-o"__^</a>
									<a href="#" title="">^__i class="fa fa-star-o"__^</a>
								</div>
							</li>
							
							<li>
								<h5><a href="#" title="">Penacy Conol</a>^__i class="fa fa-paperclip"__^</h5>
								<span>^__i class="fa fa-clock-o"__^2 min ago</span>
								<p>Search Results Page Design helps the user to narrow down the search results in a specific category. It not only sells out the products but ...</p>
								<div class="email-hover">
									<a href="#" title="">^__i class="fa fa-eye"__^</a>
									<a href="#" title="">^__i class="fa fa-trash-o"__^</a>
									<a href="#" title="">^__i class="fa fa-star-o"__^</a>
								</div>
							</li>
							
							<li>
								<h5><a href="#" title="">Penacy Conol</a>^__i class="fa fa-paperclip"__^</h5>
								<span>^__i class="fa fa-clock-o"__^2 min ago</span>
								<p>Search Results Page Design helps the user to narrow down the search results in a specific category. It not only sells out the products but ...</p>
								<div class="email-hover">
									<a href="#" title="">^__i class="fa fa-eye"__^</a>
									<a href="#" title="">^__i class="fa fa-trash-o"__^</a>
									<a href="#" title="">^__i class="fa fa-star-o"__^</a>
								</div>
							</li>
							
							<li>
								<h5><a href="#" title="">Penacy Conol</a>^__i class="fa fa-paperclip"__^</h5>
								<span>^__i class="fa fa-clock-o"__^2 min ago</span>
								<p>Search Results Page Design helps the user to narrow down the search results in a specific category. It not only sells out the products but ...</p>
								<div class="email-hover">
									<a href="#" title="">^__i class="fa fa-eye"__^</a>
									<a href="#" title="">^__i class="fa fa-trash-o"__^</a>
									<a href="#" title="">^__i class="fa fa-star-o"__^</a>
								</div>
							</li>
							
							<li>
								<h5><a href="#" title="">Penacy Conol</a>^__i class="fa fa-paperclip"__^</h5>
								<span>^__i class="fa fa-clock-o"__^2 min ago</span>
								<p>Search Results Page Design helps the user to narrow down the search results in a specific category. It not only sells out the products but ...</p>
								<div class="email-hover">
									<a href="#" title="">^__i class="fa fa-eye"__^</a>
									<a href="#" title="">^__i class="fa fa-trash-o"__^</a>
									<a href="#" title="">^__i class="fa fa-star-o"__^</a>
								</div>
							</li>
							
							<li>
								<h5><a href="#" title="">Penacy Conol</a>^__i class="fa fa-paperclip"__^</h5>
								<span>^__i class="fa fa-clock-o"__^2 min ago</span>
								<p>Search Results Page Design helps the user to narrow down the search results in a specific category. It not only sells out the products but ...</p>
								<div class="email-hover">
									<a href="#" title="">^__i class="fa fa-eye"__^</a>
									<a href="#" title="">^__i class="fa fa-trash-o"__^</a>
									<a href="#" title="">^__i class="fa fa-star-o"__^</a>
								</div>
							</li>
							
							<li>
								<h5><a href="#" title="">Penacy Conol</a>^__i class="fa fa-paperclip"__^</h5>
								<span>^__i class="fa fa-clock-o"__^2 min ago</span>
								<p>Search Results Page Design helps the user to narrow down the search results in a specific category. It not only sells out the products but ...</p>
								<div class="email-hover">
									<a href="#" title="">^__i class="fa fa-eye"__^</a>
									<a href="#" title="">^__i class="fa fa-trash-o"__^</a>
									<a href="#" title="">^__i class="fa fa-star-o"__^</a>
								</div>
							</li>
						
						</ul>
					</div>
				</div>
				
				<div class="col-md-5">
					<div class="read-message" id="scrollbox9">
						<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here.</p>
						
						<img src="images/read1.jpg" alt="" /> <img src="images/read2.jpg" alt="" />
						<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here. It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here.It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here.It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here. is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here.</p>
					</div>
					<div class="message-details">
						<div class="message-sender">
							<a href="#" title=""><img src="images/from.jpg" alt="" class="pull-left" />^__i class="pull-left">From : David Meratha</a>
							<a href="#" title=""><img src="images/to.jpg" alt="" class="pull-right" />^__i class="pull-right">To : Brian Kelly</a>
						</div>
						<span>^__i class="fa fa-clock-o">2 min ago</span>
						<a href="#" title="" class="reply-btn pink">^__i class="fa fa-rocket">Reply</a>
					</div>
				</div>
				
			</div>
		
		
		</div><!-- Container -->
	@RenderBody()
    </div><!-- Wrapper -->



</body>

SP HINGU · Answer 1 · 2014-01-31T06:34:00

Solution 1

In mvc, we have bundling feature available to bundle your css/js files for easily categories your files and it also do minification of bundled file.

Posted 31-Jan-14 6:34am

SP HINGU

Comments

Dhruvin Sukhadiya 1-Feb-14 2:14am

oh yes sir i bundle it my bundle name is as belows
@Styles.Render("~/Content/css")

@Styles.Render("~/Content/js")

@Styles.Render("~/Content/font")

it listed above <body> tag

SP HINGU 1-Feb-14 2:56am

then whats the problem with bundling ? or you are searching for any other way to do that???

Dhruvin Sukhadiya · Answer 2 · 2014-01-31T21:56:00

ya I got it in css just not add bundles add link too

<pre lang="CSS">
    <!-- Styles -->
<link rel="stylesheet" href="/Content/css/bootstrap.min.css" type="text/css" /><!-- Bootstrap -->
<link rel="stylesheet" href="/Content/font-awesome-4.0.3/css/font-awesome.css" type="text/css" /><!-- Font Awesome -->

<link rel="stylesheet" type="text/css" media="all" href="/Content/css/daterangepicker-bs3.css" /><!-- Date Range Picker -->
<link rel="stylesheet" href="/Content/css/style.css" type="text/css" /><!-- Style -->	
<link rel="stylesheet" href="/Content/css/responsive.css" type="text/css" /><!-- Responsive -->	
    <!-- JS -->
 @Styles.Render("~/Content/js")
    <!-- Font -->
 @Styles.Render("~/Content/font")

How do I...Manage my Css in MVC

2 solutions

Solution 1

Solution 2

Add your solution here

Preview 0

How do I...Manage my Css in MVC

2 solutions

Solution 1

Solution 2

Add your solution here

Preview 0

Existing Members

...or Join us