{"id":21735868,"url":"https://github.com/izzyluuuuh/responsive-blog-webpage","last_synced_at":"2026-04-16T17:34:16.193Z","repository":{"id":224511600,"uuid":"763442472","full_name":"izzyluuuuh/responsive-blog-webpage","owner":"izzyluuuuh","description":"Thai Food blog webpage Using ASP.NET, Bootstrap v4.6.1, and jQuery 3.5.1","archived":false,"fork":false,"pushed_at":"2024-02-26T11:12:46.000Z","size":6701,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-21T00:29:12.473Z","etag":null,"topics":["aspnet","bootstrap","jquery","responsive-website"],"latest_commit_sha":null,"homepage":"https://izzyluuuuh.github.io/responsive-blog-webpage/","language":"ASP.NET","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/izzyluuuuh.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-02-26T09:57:09.000Z","updated_at":"2024-03-16T08:35:07.000Z","dependencies_parsed_at":null,"dependency_job_id":"b3968dd5-e887-4e03-88f6-1b9534d87aef","html_url":"https://github.com/izzyluuuuh/responsive-blog-webpage","commit_stats":null,"previous_names":["izzyluuuuh/responsive-blog-webpage"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/izzyluuuuh/responsive-blog-webpage","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/izzyluuuuh%2Fresponsive-blog-webpage","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/izzyluuuuh%2Fresponsive-blog-webpage/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/izzyluuuuh%2Fresponsive-blog-webpage/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/izzyluuuuh%2Fresponsive-blog-webpage/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/izzyluuuuh","download_url":"https://codeload.github.com/izzyluuuuh/responsive-blog-webpage/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/izzyluuuuh%2Fresponsive-blog-webpage/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261263119,"owners_count":23132548,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["aspnet","bootstrap","jquery","responsive-website"],"created_at":"2024-11-26T05:15:20.255Z","updated_at":"2025-10-13T01:32:38.706Z","avatar_url":"https://github.com/izzyluuuuh.png","language":"ASP.NET","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Main Web Page\n\u003csup\u003eASP.NET Web Design\u003c/sup\u003e\n\n---\n\n**Software Requirement:**\n- Visual Studio Community 2019 or higher\n\n---\n\n**Procedure:**\n1. Open Visual Studio and create a new empty project.\n2. Type the project name in this format: *NameOfWebsite_LastName_FirstName*. Then, click **Create**.\n3. In the Solution Explorer, right click on the name of your website, select Add \u003e New Item. Then, choose Web Form. Set the name of the web form as **default.aspx**. Then, click add.\n4. To add the functionalities of the bootstrap, you can download the files or add the links below in the .net\nfile.\n\na. CSS\n```css\ni. \u003clink rel=\"stylesheet\"\nhref=\"https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap\n.min.css\" integrity=\"sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn\"\ncrossorigin=\"anonymous\"\u003e\n```\nb. JS\n```js\ni. \u003cscript\nsrc=\"https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.j\ns\" integrity=\"sha384-\nDfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj\"\ncrossorigin=\"anonymous\"\u003e\u003c/script\u003e\n```\n```js\nii. \u003cscript\nsrc=\"https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.\nbundle.min.js\" integrity=\"sha384-\nfQybjgWLrvvRgtW6bFlB7jaZrFsaBXjsOMm/tB9LTS58ONXgqbR9W8oWht/amnpF\"\ncrossorigin=\"anonymous\"\u003e\u003c/script\u003e\n```\n5. You can also get those links from the official page:\nhttps://getbootstrap.com/docs/4.6/getting-started/introduction/\n6. Use Boostrap 4 only for the stable version.\n7. Create a simple responsive blog web page for this activity. Add appropriate images.\n8. Your blog can be about any of the following:\n- Food\n- Animals\n- Nature\n\n9. Apply the grid system to produce a responsive web page.\n10. To check if the page is responsive, right click on your created web page and choose Inspect.\n11. Click the toggle device toolbar and to select a mobile phone size.\n\n![Screenshot 2024-02-26 185813](https://github.com/izzyluuuuh/responsive-blog-webpage/assets/103919666/b0410c8a-ac9b-46e4-994e-e0e8419db3ae)\n\n12. You can also choose the dimensions for responsive or different devices.\n\n![Screenshot 2024-02-26 185914](https://github.com/izzyluuuuh/responsive-blog-webpage/assets/103919666/85eff436-fa7d-4e84-8794-a6b2f9ecfb0a)\n\n---\n\n🖥️ Prelim Laboratory Exercise for my 3rd-year college course \"Advanced Web Programming.\"\n\u003e SY2324-2T\n\n💙 Instagram: [@izzyluuuuh](https://www.instagram.com/izzyluuuuh/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fizzyluuuuh%2Fresponsive-blog-webpage","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fizzyluuuuh%2Fresponsive-blog-webpage","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fizzyluuuuh%2Fresponsive-blog-webpage/lists"}