Creating User Profile Page in ASP.NET with Bootstrap Styling
In this 7th tutorial on dynamic web application development, we will learn how to create a user profile page in ASP.NET. We will create the static user profile page in asp.net & also do its styling using bootstrap framework.
Watch the video tutorial at the end of this video to understand more about how to create master page & apply custom styling. Use the code given below.
Download all Images for this project – CLICK HERE
User Profile code –
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 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 | <%@ Page Title="" Language="C#" MasterPageFile="~/Site1.Master" AutoEventWireup="true" CodeBehind="adminpublishermanagement.aspx.cs" Inherits="WebApplication3.adminpublishermanagement" %> <asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server"></asp:Content> <asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server"> <div class="container"> <div class="row"> <div class="col-md-5"> <div class="card"> <div class="card-body"> <div class="row"> <div class="col"> <center> <h4>Publisher Details</h4> </center> </div> </div> <div class="row"> <div class="col"> <center> <img width="100px" src="imgs/publisher.png" /> </center> </div> </div> <div class="row"> <div class="col"> <hr> </div> </div> <div class="row"> <div class="col-md-4"> <label>Publisher ID</label> <div class="form-group"> <div class="input-group"> <asp:TextBox CssClass="form-control" ID="TextBox1" runat="server" placeholder="ID"></asp:TextBox> <asp:Button class="btn btn-primary" ID="Button1" runat="server" Text="Go" /> </div> </div> </div> <div class="col-md-8"> <label>Publisher Name</label> <div class="form-group"> <asp:TextBox CssClass="form-control" ID="TextBox2" runat="server" placeholder="Publisher Name"></asp:TextBox> </div> </div> </div> <div class="row"> <div class="col-4"> <asp:Button ID="Button2" class="btn btn-lg btn-block btn-success" runat="server" Text="Add" /> </div> <div class="col-4"> <asp:Button ID="Button3" class="btn btn-lg btn-block btn-warning" runat="server" Text="Update" /> </div> <div class="col-4"> <asp:Button ID="Button4" class="btn btn-lg btn-block btn-danger" runat="server" Text="Delete" /> </div> </div> </div> </div> <a href="homepage.aspx"><< Back to Home</a><br> <br> </div> <div class="col-md-7"> <div class="card"> <div class="card-body"> <div class="row"> <div class="col"> <center> <h4>Publisher List</h4> </center> </div> </div> <div class="row"> <div class="col"> <hr> </div> </div> <div class="row"> <div class="col"> <asp:GridView class="table table-striped table-bordered" ID="GridView1" runat="server"></asp:GridView> </div> </div> </div> </div> </div> </div> </div> </asp:Content> |
CSS Style (customstylesheet.css)-
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | .footerlinks { color: #ffffff; text-decoration: none !important; } .footerlinks:hover { color: #ffd800; } #footer1 { background: #762b00; } #footer2 { background: #531f00; } |