https://github.com/izzyluuuuh/responsive-blog-webpage
Thai Food blog webpage Using ASP.NET, Bootstrap v4.6.1, and jQuery 3.5.1
https://github.com/izzyluuuuh/responsive-blog-webpage
aspnet bootstrap jquery responsive-website
Last synced: 2 months ago
JSON representation
Thai Food blog webpage Using ASP.NET, Bootstrap v4.6.1, and jQuery 3.5.1
- Host: GitHub
- URL: https://github.com/izzyluuuuh/responsive-blog-webpage
- Owner: izzyluuuuh
- Created: 2024-02-26T09:57:09.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2024-02-26T11:12:46.000Z (over 2 years ago)
- Last Synced: 2025-03-21T00:29:12.473Z (over 1 year ago)
- Topics: aspnet, bootstrap, jquery, responsive-website
- Language: ASP.NET
- Homepage: https://izzyluuuuh.github.io/responsive-blog-webpage/
- Size: 6.39 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Main Web Page
ASP.NET Web Design
---
**Software Requirement:**
- Visual Studio Community 2019 or higher
---
**Procedure:**
1. Open Visual Studio and create a new empty project.
2. Type the project name in this format: *NameOfWebsite_LastName_FirstName*. Then, click **Create**.
3. In the Solution Explorer, right click on the name of your website, select Add > New Item. Then, choose Web Form. Set the name of the web form as **default.aspx**. Then, click add.
4. To add the functionalities of the bootstrap, you can download the files or add the links below in the .net
file.
a. CSS
```css
i.
```
b. JS
```js
i.
```
```js
ii.
```
5. You can also get those links from the official page:
https://getbootstrap.com/docs/4.6/getting-started/introduction/
6. Use Boostrap 4 only for the stable version.
7. Create a simple responsive blog web page for this activity. Add appropriate images.
8. Your blog can be about any of the following:
- Food
- Animals
- Nature
9. Apply the grid system to produce a responsive web page.
10. To check if the page is responsive, right click on your created web page and choose Inspect.
11. Click the toggle device toolbar and to select a mobile phone size.
12. You can also choose the dimensions for responsive or different devices.
---
🖥️ Prelim Laboratory Exercise for my 3rd-year college course "Advanced Web Programming."
> SY2324-2T
💙 Instagram: [@izzyluuuuh](https://www.instagram.com/izzyluuuuh/)