web front-end interface design

Here we will continue creating our calendar application.

Step 1: I'm going to use fontawesome, so we need go to Font Awesome and sign up.







Step 2: After signing up your account, you can go to Your Kits page and click the id.










Step 3: Copy the code to your visual studio at line 10.










Step 4: Going back to fontawesome, open Icons page and search carot.

Step 5: You can pick carot left and carot right then copy the code to visual studio.













Step 6: add icon after the code.

Step 7: add icon code like above picture.






Step 8: Download image note and save it to images folder.


















Step 9: Write the code like the above picture.







Step 10: Save the file and this you result for today.

Komentar

Posting Komentar

Postingan populer dari blog ini

web front-end interface design

Gambar
 Here we will continue creating our calendar application.   Step 1: Click right and create new folder named css. Step 2: Create two new files under css folder.  Step 3: Move the body of the code to main.css file. Step 4: Move the current day of the code to current-day.css file. Step 5: Put the link under the meta. Step 6: Input the code as above. Step 7: Save all the data. Step 8: Open your file from file explorer and you can see our progress for today.
Baca selengkapnya

web front-end interface design

Gambar
 Here we will continue creating our calendar application. Step 1: Create new files under css folder.  Step 2: Move the style of the code to calendar.css file. Step 3: Create the link. Step 4: Create code for color options. Step 5: Type the code like above picture. Step 6: Type the button code. Step 7: Type the code for add note. Step 8: Type the code like above pictures. Step 9: Create new files under css folder.  Step 10: Move the style of the code to model.css file. Step 11: Create the link. Step 12: This is the progress for today.
Baca selengkapnya