Layouts

A selection of Bootstrap 5 Layouts

Resize your browser to show the responsive offcanvas toggle.

Introduction

My name is Dean Leigh and I am what would be traditionally called a 'web designer'.

I created this site as a side project to bring myself up to speed with a combination of technologies that help you get a simple template based website up and running quickly and easily.

Azure Hosting

The site is hosted on an Azure Web App. The benefit of this is the tight integration with Visual Studio, Visual Studio Code and CI/CD via GitHub.

Razor Pages

Razor Pages are an .Net technology written in C#.

They are an intuitive template system for creating multi page web apps.

You can find out more about Razor Pages here:
Introduction to Razor Pages in ASP.NET Core

Bootstrap 5.3

Bootstrap is a CSS framework written in Sass. I usually write my own CSS and Sass but recently Bootstrap 5 introduced CSS Grid for it's grid system.

As many C# / .Net developers already use Bootstrap I decided to experiemnt with the new grid system which is still ion beta (it needs to be enables in Bootstrap Config).

 

In this site

Tincidunt integer eu augue augue nunc elit dolor, luctus placerat scelerisque euismod, iaculis eu lacus nunc mi elit, vehicula ut laoreet ac, aliquam sit amet justo nunc tempor, metus vel.

Introduction

My name is Dean Leigh and I am what would be traditionally called a 'web designer'.

I created this site as a side project to bring myself up to speed with a combination of technologies that help you get a simple template based website up and running quickly and easily.

Azure Hosting

The site is hosted on an Azure Web App. The benefit of this is the tight integration with Visual Studio, Visual Studio Code and CI/CD via GitHub.

Razor Pages

Razor Pages are an .Net technology written in C#.

They are an intuitive template system for creating multi page web apps.

You can find out more about Razor Pages here:
Introduction to Razor Pages in ASP.NET Core

Bootstrap 5.3

Bootstrap is a CSS framework written in Sass. I usually write my own CSS and Sass but recently Bootstrap 5 introduced CSS Grid for it's grid system.

As many C# / .Net developers already use Bootstrap I decided to experiemnt with the new grid system which is still ion beta (it needs to be enables in Bootstrap Config).

 

Fusce non varius purus aenean

Tincidunt integer eu augue augue nunc elit dolor, luctus placerat scelerisque euismod, iaculis eu lacus nunc mi elit, vehicula ut laoreet ac, aliquam sit amet justo nunc tempor, metus vel.