Mini Tech Project | C# Online Compiler

Mini Tech Project by Anonymous

using System;
using System.ComponentModel.DataAnnotations;

namespace HelloWorldMvcApp
{
	public class SampleViewModel
	{
		//Main content text
		public string MainContentText
		{
			get;
			set;
		}

		//Side Content Text
		public string SideContentText
		{
			get;
			set;
		}
	}
}

Model

​x
 
using System;
using System.ComponentModel.DataAnnotations;
​
namespace HelloWorldMvcApp
{
    public class SampleViewModel
    {
        //Main content text
        public string MainContentText
        {
            get;
            set;
        }
​
        //Side Content Text
        public string SideContentText
        {
            get;
            set;
        }
    }
}

@model HelloWorldMvcApp.SampleViewModel
@{
	Layout = null;
}

<!DOCTYPE html>
<!-- template from http://getbootstrap.com/getting-started -->

<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>Mini Tech Project</title>		
		
		<style type="text/css">

	    * {
		  box-sizing: border-box;
		}
		
		.header {
		  margin-bottom: 10px;
		}
		
		img {
		  width: 100%;
		  height: auto;
		}
		
		.border {
		  border: 1px solid black;
		}
		
		.row:after {
		  content: "";
		  clear: both;
		  display: table;
		}
		
		[class*="col-"] {
		  float: left;
		  padding: 10px;
		  width: 100%;
		}
		
		@@media only screen and (min-width: 680px) {
		  /* For desktop: */
		  .col-1 {
			width: 8.33%;
		  }
		  .col-2 {
			width: 16.66%;
		  }
		  .col-3 {
			width: 25%;
		  }
		  .col-4 {
			width: 33.33%;
		  }
		  .col-5 {
			width: 41.66%;
		  }
		  .col-6 {
			width: 50%;
		  }
		  .col-7 {
			width: 58.33%;
		  }
		  .col-8 {
			width: 66.66%;
		  }
		  .col-9 {
			width: 75%;
		  }
		  .col-10 {
			width: 83.33%;
		  }
		  .col-11 {
			width: 91.66%;
		  }
		  .col-12 {
			width: 100%;
		  }
		}

		html {
		  font-family: "Lucida Sans", sans-serif;
		}
		
		.footer {
		  margin-top: 10px;
		}

		</style>
	</head>
	
	<body>
		<div class="header">
		  <img src="http://placehold.it/850x200">
		</div>


		<div class="row">
		  <div class="col-8">
			<div class="row border">
			  <div class="col-6">
				<img src="http://placehold.it/650x250">
			  </div>
			  <div class="col-6">
				<img src="http://placehold.it/650x250">
			  </div>
			  <div class="col-12">
				<h1>
			Main Content Section
			</h1>
				<div>
				  @Html.Raw(Model.MainContentText)
				</div>
			  </div>
			</div>
		
		  </div>
		  <div class="col-4">
			<div class="row border">
			  <div class="col-12">
				<h1>
		Sidebar Section
		</h1>
				<div>
				 @Html.Raw(Model.SideContentText)
				</div>
			  </div>
			</div>
		  </div>
		</div>
		
		<div class="footer">
		  <img src="http://placehold.it/850x200">
		</div>

	</body>
</html>

View

 
@model HelloWorldMvcApp.SampleViewModel
@{
    Layout = null;
}
​
<!DOCTYPE html>
<!-- template from http://getbootstrap.com/getting-started -->
​
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Mini Tech Project</title>        
        
        <style type="text/css">
​
        * {
          box-sizing: border-box;
        }
        
        .header {
          margin-bottom: 10px;
        }
        
        img {
          width: 100%;
          height: auto;
        }
        
        .border {
          border: 1px solid black;
        }
        
        .row:after {
          content: "";
          clear: both;
          display: table;
        }
        
        [class*="col-"] {
          float: left;
          padding: 10px;
          width: 100%;
        }
        
        @@media only screen and (min-width: 680px) {
          /* For desktop: */
          .col-1 {
            width: 8.33%;
          }
          .col-2 {
            width: 16.66%;
          }
          .col-3 {
            width: 25%;
          }
          .col-4 {
            width: 33.33%;
          }
          .col-5 {
            width: 41.66%;
          }
          .col-6 {
            width: 50%;
          }
          .col-7 {
            width: 58.33%;
          }
          .col-8 {
            width: 66.66%;
          }
          .col-9 {
            width: 75%;
          }
          .col-10 {
            width: 83.33%;
          }
          .col-11 {
            width: 91.66%;
          }
          .col-12 {
            width: 100%;
          }
        }
​
        html {
          font-family: "Lucida Sans", sans-serif;
        }
        
        .footer {
          margin-top: 10px;
        }
​
        </style>
    </head>
    
    <body>
        <div class="header">
          <img src="http://placehold.it/850x200">
        </div>
​
​
        <div class="row">
          <div class="col-8">
            <div class="row border">
              <div class="col-6">
                <img src="http://placehold.it/650x250">
              </div>
              <div class="col-6">
                <img src="http://placehold.it/650x250">
              </div>
              <div class="col-12">
                <h1>
            Main Content Section
            </h1>
                <div>
                  @Html.Raw(Model.MainContentText)
                </div>
              </div>
            </div>
        
          </div>
          <div class="col-4">
            <div class="row border">
              <div class="col-12">
                <h1>
        Sidebar Section
        </h1>
                <div>
                 @Html.Raw(Model.SideContentText)
                </div>
              </div>
            </div>
          </div>
        </div>
        
        <div class="footer">
          <img src="http://placehold.it/850x200">
        </div>
​
    </body>
</html>
​

using System;
using System.Web.Mvc;
using System.Collections.Generic;
using System.Net;
using System.IO;

namespace HelloWorldMvcApp
{
	public class HomeController : Controller
	{
		const string apiUrl = "http://loripsum.net/api/3/short/medium/link";
		
		[HttpGet]
		public ActionResult Index()
		{
			var viewModel = new SampleViewModel();
			var request = (HttpWebRequest)WebRequest.Create(apiUrl);
			request.Method = "GET";
			// Get the response.  
			using (var response = request.GetResponse())
			{
				// Open the stream using a StreamReader for easy access.  
				using (var reader = new StreamReader(response.GetResponseStream()))
				{
					// Read the content.  
					var responseFromServer = reader.ReadToEnd();
					if (!String.IsNullOrEmpty(responseFromServer))
					{
						viewModel.MainContentText = responseFromServer;
						viewModel.SideContentText = responseFromServer;
					}
				}
			}

			return View(viewModel);
		}
	}
}

Controller

 
using System;
using System.Web.Mvc;
using System.Collections.Generic;
using System.Net;
using System.IO;
​
namespace HelloWorldMvcApp
{
    public class HomeController : Controller
    {
        const string apiUrl = "http://loripsum.net/api/3/short/medium/link";
        
        [HttpGet]
        public ActionResult Index()
        {
            var viewModel = new SampleViewModel();
            var request = (HttpWebRequest)WebRequest.Create(apiUrl);
            request.Method = "GET";
            // Get the response.  
            using (var response = request.GetResponse())
            {
                // Open the stream using a StreamReader for easy access.  
                using (var reader = new StreamReader(response.GetResponseStream()))
                {
                    // Read the content.  
                    var responseFromServer = reader.ReadToEnd();
                    if (!String.IsNullOrEmpty(responseFromServer))
                    {
                        viewModel.MainContentText = responseFromServer;
                        viewModel.SideContentText = responseFromServer;
                    }
                }
            }
​
            return View(viewModel);
        }
    }
}

View in Full Screen

ASP.Net 2-1

Last Run:	2:17:05 pm
Compile:	0.005s
Execute:	0.05s
Memory:	2.72Mb
CPU:	0.055s

View IL Code