Jump to content

4 posts in this topic

Recommended Posts

Posted

Hey guys!


As most of you know, HTML5 is the most commonly used coding language for building a website. Not only is it the most common, but it is the most versatile and easiest to use!


 


To show you how easy it is, I have created a website template for you guys to use. It's a very simple template, designed to show people your 'About Me'!


 


Here's a picture of what the website looks like:


 


2luxe1c.png


 


 


 


It's a pretty simple website, don't you think?


Here's the code for it:



<!DOCTYPE html>
<head>

<style>
body {
text-align: center;
background: url("http://p1.pichost.me/i/51/1750928.jpg");
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
color: white;
font-family: Helvetica;
}

p {
font-size: 24px;
}

input {
border: 0;
padding: 12px;
font-size: 18px;
}

input[type="submit"] {
background: #2c3e50;
color: #ecf0f1;
}

</style>
</head>

<body>


<img src="https://codecademy-content.s3.amazonaws.com/courses/web-beginner-en-3pc6w/images/avatar.jpg" height="250" width="250">
<p>Hi! I am learning how to make my very own web page! I really like blueberry muffins and long walks on the beach.</p>
<input type="email" placeholder="Email">
<input type="submit">

</body>

Now, this code may seem a bit difficult to understand for all you newbies out there, so let me walk you through it.


 


I'll skim through the code really fast.


The background image comes from this part of the code:



<style>
body {
text-align: center;
background: url("http://p1.pichost.me/i/51/1750928.jpg");
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
color: white;
font-family: Helvetica;
}

See the part where it says 'background: url("http://p1.pichost.me/i/51/1750928.jpg");'?


That's the link to the picture you are seeing in the background.


 


You can change the picture to your liking. The coding below it simply adjusts the image to fit the background.


 


 


The same rule applies with the picture in the middle.


It comes from this part of the code:



<img src="https://codecademy-content.s3.amazonaws.com/courses/web-beginner-en-3pc6w/images/avatar.jpg" height="250" width="250">

This part is below <body> and above <p> in the code. Once again, you can change the link. The part where it says 'height' and 'width' are just functions that adjust the picture, so you want the original picture to be a square.


 


<p> means paragraph. Judging by the part that comes after it, you can guess that <p> is the part below the picture.


 


You can also change the picture to a title.


 


Just delete the picture code and add this:


<h1>


 


After <h1> just write down the title of your site and then add </h1>


There's also <h2> <h3> all the way up to <h6>


 


 


You'll be a master in no time!


 


 


 


  • Our picks

    • Undercity: Creature Survival v0.40 [+2 Jailed Cheats]
      Modded/Hacked App: Undercity: Creature Survival By 1N1
      Bundle ID: com.onenone.undercity
      App Store Link: https://apps.apple.com/us/app/undercity-creature-survival/id6744991966?uo=4


      🤩 Hack Features

      - Never Die
      - Add Currency
      • 4 replies
    • Undercity: Creature Survival v0.40 [+2 Cheats]
      Modded/Hacked App: Undercity: Creature Survival By 1N1
      Bundle ID: com.onenone.undercity
      App Store Link: https://apps.apple.com/us/app/undercity-creature-survival/id6744991966?uo=4



      🤩 Hack Features

      - Never Die
      - Add Currency
       
      • 6 replies
    • Rise of Monsters v23 [+2 Jailed Cheats]
      Modded/Hacked App: Rise of Monsters By ONEMT PTE. LTD.
      Bundle ID: com.onemt.ios.rom
      App Store Link: https://apps.apple.com/us/app/rise-of-monsters/id6738032041?uo=4



      🤩 Hack Features

      - Never Die
      - No Skill CD
      • 13 replies
    • Rise of Monsters v23 [+2 Cheats]
      Modded/Hacked App: Rise of Monsters By ONEMT PTE. LTD.
      Bundle ID: com.onemt.ios.rom
      App Store Link: https://apps.apple.com/us/app/rise-of-monsters/id6738032041?uo=4



      🤩 Hack Features

      - Never Die
      - No Skill CD
       
      • 9 replies
    • Travel Merge Family v2.30 [ +1++ Jailed ] Currency Max
      Modded/Hacked App: Travel Merge Family By Arruga Corp.
      Bundle ID: com.ArrugaCorp.TravelMergeFamily
      App Store Link: https://apps.apple.com/us/app/travel-merge-family/id6553995556?uo=4


      🤩 Hack Features

      - Currency Max


      • 2 replies
    • Travel Merge Family v2.30 [ +1++ Cheats ] Currency Max
      Travel Merge Family


      Modded/Hacked App: Travel Merge Family By Arruga Corp.
      Bundle ID: com.ArrugaCorp.TravelMergeFamily
      App Store Link: https://apps.apple.com/us/app/travel-merge-family/id6553995556?uo=4


      🤩 Hack Features

      - Currency Max


      • 3 replies
    • Project Makeover v2.116.1 +4 Jailed Cheats [ Unlimited Currencies ]
      Modded/Hacked App: Project Makeover By Magic Tavern, Inc.
      Bundle ID: com.bgg.jump
      App Store Link: https://apps.apple.com/us/app/project-makeover/id1483058899?uo=4

       
       

      🤩 Hack Features

      - Unlimited Cash
      - Unlimited Coins
      - Unlimited Gems
      - Unlimited Lives

      This hack was made by @Cashlaz. Give him all your love & appreciation! ❤️
      • 5 replies
    • Heroes vs. Hordes: Survivor v5.0.2 [ +11 Cheats ] Currency Max
      Modded/Hacked App: Heroes vs. Hordes: Survivor By Swift Games GmbH
      Bundle ID: com.swiftgames.roguelikesurvival
      iTunes Store Link: https://apps.apple.com/us/app/heroes-vs-hordes-survivor/id1608898173?uo=4

       
      Hack Features

      - Currency

      - Resource

      - Gold Unlimited [ Bonus Wave ]

      - Ch Unlocked [ Play All Off ]

      - Always Last Wave

      - Talents Cost 0

      - Hero DMG Only

      - HP & DMG [ Just Equip & Unequip ]

      - Enemy Freeze

      - Enemy ATK NO

       
      For Non-Jailbroken & No Jailbreak required hacks: https://iosgods.com/forum/79-no-jailbreak-section/
      Modded Android APK(s): https://iosgods.com/forum/68-android-section/
      • 67 replies
    • Heroes vs. Hordes: Survivor v5.0.2 [ +11 Jailed ] Currency Max
      Modded/Hacked App: Heroes vs. Hordes: Survivor By Swift Games GmbH
      Bundle ID: com.swiftgames.roguelikesurvival
      iTunes Store Link: https://apps.apple.com/us/app/heroes-vs-hordes-survivor/id1608898173?uo=4

       

       

      Mod Requirements

      - Non-Jailbroken/Jailed or Jailbroken iPhone or iPad.
      - Sideloadly or alternatives.
      - Computer running Windows/macOS/Linux with iTunes installed.

       

      Hack Features

      - Currency

      - Resource

      - Gold Unlimited [ Bonus Wave ]

      - Ch Unlocked [ Play All Off ]

      - Always Last Wave

      - Talents Cost 0

      - Hero DMG Only

      - HP & DMG [ Just Equip & Unequip ]

      - Enemy Freeze

      - Enemy ATK NO


      Jailbreak required iOS hacks: https://iosgods.com/forum/5-game-cheats-hack-requests/
      Modded Android APKs: https://iosgods.com/forum/68-android-section/

       

      iOS Hack Download IPA Link


      Hidden Content

      Download via the iOSGods App
        • Winner
      • 83 replies
    • Virtual Villagers 6 v1.8.6 +100 Jailed Cheats [ Cheats Menu ]
      Modded/Hacked App: Virtual Villagers 6 By LDW Software, LLC
      Bundle ID: com.ldw.vv6
      iTunes Store Link: https://apps.apple.com/us/app/virtual-villagers-6/id6566193928?uo=4

       
       

      Hack Features

      - Cheats Menu -> Head into Settings, toggle the Help button, close settings then re-open to show a Cheats button.*
      - Unlimited Food*
      - Unlimited Wood*
      - Unlimited Stone*
      - Unlimited Tech Points*
      - Unlimited Lavastone*

      * - Head into Settings and toggle the Help button. Only enable 1 feature at a time.


      Jailbreak required iOS hacks: [Mod Menu Hack] Virtual Villagers 6 v1.3.23 +100 Cheats [ Cheats Menu ] - Free Jailbroken Cydia Cheats - iOSGods
      Modded Android APKs: https://iosgods.com/forum/68-android-section/
      • 5 replies
    • Virtual Villagers 6 v1.8.6 +100 Cheats [ Cheats Menu ]
      Modded/Hacked App: Virtual Villagers 6 By LDW Software, LLC
      Bundle ID: com.ldw.vv6
      iTunes Store Link: https://apps.apple.com/us/app/virtual-villagers-6/id6566193928?uo=4

       


      Hack Features

      - Cheats Menu -> Head into Settings, toggle the Help button, close settings then re-open to show a Cheats button.*
      - Unlimited Food*
      - Unlimited Wood*
      - Unlimited Stone*
      - Unlimited Tech Points*
      - Unlimited Lavastone*

      * - Head into Settings and toggle the Help button. Only enable 1 feature at a time.


      For Non-Jailbroken & No Jailbreak required hacks: [IPA Mod Menu] Virtual Villagers 6 v1.3.23 +100 Jailed Cheats [ Cheats Menu ] - Free Non-Jailbroken IPA Cheats - iOSGods
      Modded Android APK(s): https://iosgods.com/forum/68-android-section/
      • 2 replies
    • Project Makeover ( All Versions ) +4 Cheats [ Unlimited Currencies ]
      Modded/Hacked App: Project Makeover By Magic Tavern, Inc.
      Bundle ID: com.bgg.jump
      App Store Link: https://apps.apple.com/us/app/project-makeover/id1483058899?uo=4

       
       

      🤩 Hack Features

      - Unlimited Cash
      - Unlimited Coins
      - Unlimited Gems
      - Unlimited Lives

      This hack was made by @Cashlaz. Give him all your love & appreciation! ❤️
      • 7 replies
×
  • Create New...

Important Information

We would like to place cookies on your device to help make this website better. The website cannot give you the best user experience without cookies. You can accept or decline our cookies. You may also adjust your cookie settings. Privacy Policy - Guidelines