Jump to content

[PUBLIC SAUCE] Code for my Website


8 posts in this topic

Recommended Posts

Updated (edited)

Hey guys! I'm upgrading my site to version 2.0  :D

 

 

 

 

 

 

 

So I figured I should share my old coding for my site with you guys!

Maybe you'll learn something new.

IF you want the whole .ZIP file, PM me  :D

 

Here's the code:

<!DOCTYPE html>
<html lang="en">
 
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
 
    <title>Samuel's Site</title>
 
    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
 
    <!-- Fonts -->
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="css/animate.css" rel="stylesheet" />
    <!-- Squad theme CSS -->
    <link href="css/style.css" rel="stylesheet">
<link href="color/default.css" rel="stylesheet">
 
</head>
 
<body id="page-top" data-spy="scroll" data-target=".navbar-custom">
<!-- Preloader -->
<div id="preloader">
 <div id="load"></div>
</div>
 
    <nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
        <div class="container">
            <div class="navbar-header page-scroll">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
                    <i class="fa fa-bars"></i>
                </button>
                <a class="navbar-brand" href="index.html">
                    <h1>SAMUEL/GOGGWELL</h1>
                </a>
            </div>
 
            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse navbar-right navbar-main-collapse">
      <ul class="nav navbar-nav">
        <li class="active"><a href="#intro">Home</a></li>
        <li><a href="#about">Designs</a></li>
<li><a href="#service">Abilities</a></li>
<li><a href="#contact">Contact</a></li>
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
          <ul class="dropdown-menu">
            <li><a href="http://bisedu.or.id">BIS Official Website</a></li>
            <li><a href="#">Example menu</a></li>
            <li><a href="#">Example menu</a></li>
          </ul>
        </li>
      </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container -->
    </nav>
 
<!-- Section: intro -->
    <section id="intro" class="intro">
 
<div class="slogan">
<h2>WELCOME TO <span class="text_color">MY PORTFOLIO</span> </h2>
<h4>CREATED WITH BOOTSTRAP AND HTML/CSS</h4>
</div>
<div class="page-scroll">
<a href="#service" class="btn btn-circle">
<i class="fa fa-angle-double-down animated"></i>
</a>
</div>
    </section>
<!-- /Section: intro -->
 
<!-- Section: about -->
    <section id="about" class="home-section text-center">
<div class="heading-about">
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="wow bounceInDown" data-wow-delay="0.4s">
<div class="section-heading">
<h2>Designs</h2>
<i class="fa fa-2x fa-angle-down"></i>
 
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
 
<div class="row">
<div class="col-lg-2 col-lg-offset-5">
<hr class="marginbot-50">
</div>
</div>
        <div class="row">
            <div class="col-xs-6 col-sm-3 col-md-3">
<div class="wow bounceInUp" data-wow-delay="0.2s">
                <div class="team boxed-grey">
                    <div class="inner">
<h5>Design 1</h5>
                        <p class="subtitle">Frozen</p>
                        <div class="avatar"><img src="img/team/Frozen1.png" alt="" class="img-responsive img-circle" /></div>
                    </div>
                </div>
</div>
            </div>
<div class="col-xs-6 col-sm-3 col-md-3">
<div class="wow bounceInUp" data-wow-delay="0.5s">
                <div class="team boxed-grey">
                    <div class="inner">
<h5>Design 2</h5>
                        <p class="subtitle">Amps</p>
                        <div class="avatar"><img src="img/team/Annie779.jpg" alt="" class="img-responsive img-circle" /></div>
 
                    </div>
                </div>
</div>
            </div>
<div class="col-xs-6 col-sm-3 col-md-3">
<div class="wow bounceInUp" data-wow-delay="0.8s">
                <div class="team boxed-grey">
                    <div class="inner">
<h5>Design 3</h5>
                        <p class="subtitle">A Radar</p>
                        <div class="avatar"><img src="img/team/Radar3.jpg" alt="" class="img-responsive img-circle" /></div>
 
                    </div>
                </div>
</div>
            </div>
<div class="col-xs-6 col-sm-3 col-md-3">
<div class="wow bounceInUp" data-wow-delay="1s">
                <div class="team boxed-grey">
                    <div class="inner">
<h5>Design 4</h5>
                        <p class="subtitle">iOSGods</p>
                        <div class="avatar"><img src="img/team/sdsd.png" alt="" class="img-responsive img-circle" /></div>
 
                    </div>
                </div>
</div>
            </div>
        </div>
</div>
</section>
<!-- /Section: about -->
 
 
<!-- Section: services -->
    <section id="service" class="home-section text-center bg-gray">
 
<div class="heading-about">
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="wow bounceInDown" data-wow-delay="0.4s">
<div class="section-heading">
<h2>What I Can Do</h2>
<i class="fa fa-2x fa-angle-down"></i>
 
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-2 col-lg-offset-5">
<hr class="marginbot-50">
</div>
</div>
        <div class="row">
            <div class="col-sm-3 col-md-3">
<div class="wow fadeInLeft" data-wow-delay="0.2s">
                <div class="service-box">
<div class="service-icon">
<img src="img/icons/service-icon-1.png" alt="" />
</div>
<div class="service-desc">
<h5>Print</h5>
<p>I make print designs. They are not very good yet, but I will improve over time.</p>
</div>
                </div>
</div>
            </div>
<div class="col-sm-3 col-md-3">
<div class="wow fadeInUp" data-wow-delay="0.2s">
                <div class="service-box">
<div class="service-icon">
<img src="img/icons/service-icon-2.png" alt="" />
</div>
<div class="service-desc">
<h5>Web Design</h5>
<p>You can tell by this website. Web Designing is a passion of mine, which started right after the first ICT class.</p>
</div>
                </div>
</div>
            </div>
<div class="col-sm-3 col-md-3">
<div class="wow fadeInUp" data-wow-delay="0.2s">
                <div class="service-box">
<div class="service-icon">
<img src="img/icons/service-icon-3.png" alt="" />
</div>
<div class="service-desc">
<h5>Graphic Design</h5>
<p>I can create many things using Photoshop. I also use Pixelmator, Illustrator, Lightroom, Muse and a bunch of other products to create the perfect picture.</p>
</div>
                </div>
</div>
            </div>
<div class="col-sm-3 col-md-3">
<div class="wow fadeInRight" data-wow-delay="0.2s">
                <div class="service-box">
<div class="service-icon">
<img src="img/icons/service-icon-4.png" alt="" />
</div>
<div class="service-desc">
<h5>Coding</h5>
<p>I am a skilled coder and I have already mastered reverse engineering on iOS Games. I really enjoy coding, because it is fun (for me).</p>
</div>
                </div>
</div>
            </div>
        </div>
</div>
</section>
<!-- /Section: services -->
 
 
 
 
<!-- Section: contact -->
    <section id="contact" class="home-section text-center">
<div class="heading-contact">
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="wow bounceInDown" data-wow-delay="0.4s">
<div class="section-heading">
<h2>Get in touch</h2>
<i class="fa fa-2x fa-angle-down"></i>
 
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
 
<div class="row">
<div class="col-lg-2 col-lg-offset-5">
<hr class="marginbot-50">
</div>
</div>
    <div class="row">
        <div class="col-lg-8">
            <div class="boxed-grey">
                <form id="contact-form">
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="name">
                                Name</label>
                            <input type="text" class="form-control" id="name" placeholder="Enter name" required="required" />
                        </div>
                        <div class="form-group">
                            <label for="email">
                                Email Address</label>
                            <div class="input-group">
                                <span class="input-group-addon"><span class="glyphicon glyphicon-envelope"></span>
                                </span>
                                <input type="email" class="form-control" id="email" placeholder="Enter email" required="required" /></div>
                        </div>
                        <div class="form-group">
                            <label for="subject">
                                Subject</label>
                            <select id="subject" name="subject" class="form-control" required="required">
                                <option value="na" selected="">Choose One:</option>
                                <option value="service">Services</option>
                                <option value="suggestions">Suggestions</option>
                                <option value="product">Support</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="name">
                                Message</label>
                            <textarea name="message" id="message" class="form-control" rows="9" cols="25" required="required"
                                placeholder="Message"></textarea>
                        </div>
                    </div>
                    <div class="col-md-12">
                        <button type="submit" class="btn btn-skin pull-right" id="btnContactUs">
                            Send Message</button>
                    </div>
                </div>
                </form>
            </div>
        </div>
 
<div class="col-lg-4">
<div class="widget-contact">
<h5>Main Office</h5>
 
<address>
 <strong>Samuel Designs, ICT</strong><br>
 Jl. Surya Sumantri, No. 61<br>
 Bandung International School, ICT Class<br>
 <abbr title="Phone">P:</abbr> (022) 2040-595
</address>
 
<address>
 <strong>Email</strong><br>
 <a href="mailto:#">[email protected]<script type="text/javascript">
/*  */
</script></a>
</address>
<address>
 <strong>I'm on social networks</strong><br>
                        <ul class="company-social">
                            <li class="social-facebook"><a href="https://www.facebook.com/samuel.zulkarnaen" target="_blank"><i class="fa fa-facebook"></i></a></li>
                            <li class="social-twitter"><a href="https://www.twitter.com/" target="_blank"><i class="fa fa-twitter"></i></a></li>
                            <li class="social-dribble"><a href="https://dribbble.com" target="_blank"><i class="fa fa-dribbble"></i></a></li>
                            <li class="social-google"><a href="https://www.google.com" target="_blank"><i class="fa fa-google-plus"></i></a></li>
                        </ul>
</address>
 
</div>
</div>
    </div>
 
</div>
</section>
<!-- /Section: contact -->
 
<footer>
<div class="container">
<div class="row">
<div class="col-md-12 col-lg-12">
<div class="wow shake" data-wow-delay="0.4s">
<div class="page-scroll marginbot-30">
<a href="#intro" id="totop" class="btn btn-circle">
<i class="fa fa-angle-double-up animated"></i>
</a>
</div>
</div>
<p>©Copyright 2014 - Samuel. All rights reserved.</p>
</div>
</div>
</div>
</footer>
 
    <!-- Core JavaScript Files -->
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery.easing.min.js"></script>
<script src="js/jquery.scrollTo.js"></script>
<script src="js/wow.min.js"></script>
    <!-- Custom Theme JavaScript -->
    <script src="js/custom.js"></script>
 
</body>
 
</html>
Updated by DiDA
Posted

Impressive! 

 

Should we also add another section for Coding?

Posted (edited)

Impressive! 

 

Should we also add another section for Coding?

If you want :D

I think it would be great

 

@Zahir I just added a button which links to my site :D

Updated by Goggwell
Posted

 

Yeah, I'll fill it up :p

General Coding or just Obj-C & Swift? :D

 

 

If you want :D

I think it would be great

 

@Zahir I just added a button which links to my site :D

You can use the ybutton also (had no other name for it :p)

 

[ybutton=http://gog.esy.es/squadfree]My Site[/ybutton]

[ybutton=http://gog.esy.es/squadfree]My Site[/ybutton]

I still need to fix them :3

  • Our picks

    • Space Survivor Alien Attack v1.4.3 [ +14 APK MOD ] Currency Max
      Mod APK Game Name: Space Survivor Alien Attack
      Rooted Device: Not Required.
      Google Play Store Link: https://play.google.com/store/apps/details?id=com.baa.galaxysurvivor&hl=en

      🤩 Hack Features

      - Unlimited Gems 
      - Unlimited Gold
      - Unlimited Energy
      - Unlimited Chest Keys+2
      - Unlimited Talent Stone
      - Unlimited ADS Ticket
      - Unlimited Skill Token
      - Unlimited Reinforcement Book
      - Unlimited Upgrade Elements
      - Survivor Pass Active
      - Survivor Pass [ Rewards Unlocked ]
      - ATK Range
      - Hero Status [ HP DMG ] Just Equip & Unequip
      • 0 replies
    • Matchington Mansion Cheats v1.194.0 +5
      Modded/Hacked App: Matchington Mansion By Magic Tavern, Inc.
      Bundle ID: com.matchington.mansion
      iTunes Store Link: https://apps.apple.com/us/app/matchington-mansion/id1216575026?uo=4

       

      📌 Mod Requirements

      - Jailbroken iPhone or iPad.
      - iGameGod / Filza / iMazing.
      - Cydia Substrate, ElleKit, Substitute or libhooker depending on your jailbreak (from Sileo, Cydia or Zebra).

       

      🤩 Hack Features

      - Infinite Moves
      - Infinite Lives
      - Infinite Booster
      - Infinite Coin (Spend some/ Get some)
      - Infinite Stars (Complete task without needing Stars)

       

      Non-Jailbroken Hack: https://iosgods.com/topic/75130-matchington-mansion-v11750-jailed-cheats-3/

       

      ⬇️ iOS Hack Download Link: https://iosgods.com/topic/75127-matchington-mansion-cheats-v11770-5/
        • Informative
        • Agree
        • Haha
        • Thanks
        • Winner
        • Like
      • 820 replies
    • Capybara Go v1.7.12 Jailed Cheats +6
      Modded/Hacked App: Capybara Go! By HABBY PTE. LTD.
      Bundle ID: com.habby.capybara
      App Store Link: https://apps.apple.com/us/app/capybara-go/id6596787726?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

      - Increase Game Speed
      - Premium Benefit (Not Battle Pass)
      - Unlimited Skills Refresh
      - Reselect Skills (Not sure Safe or not, only support some stages that let you choose 5 skills in a row, enable this so you can force refresh and select other skills)
      - Easy Fish
      - No Ads / Skip Ads

       

      DO NOT BUY VIP FOR JUST THIS CHEAT. USING MAY LEAD TO ACCOUNT BAN

       

      ⬇️ iOS Hack Download IPA Link: https://iosgods.com/topic/189055-capybara-go-v179-jailed-cheats-6/
        • Informative
        • Agree
        • Haha
        • Thanks
        • Winner
        • Like
      • 584 replies
    • League of Tanks - Global War v2.8.2 [ +1 APK MOD ] AI Stupid
      Mod APK Game Name: League of Tanks - Global War
      Rooted Device: Not Required.
      Google Play Store Link: https://play.google.com/store/apps/details?id=com.surgegame.lotank&hl=en

      🤩 Hack Features

      - AI Stupid / Easy Win All Battle
      • 0 replies
    • Hero Survival IO 2 V1.1.8 [ +8 APK MOD ] Currency Max
      Mod APK Game Name: Hero Survival IO 2
      Rooted Device: Not Required.
      Google Play Store Link: https://play.google.com/store/apps/details?id=com.game.hero.survival.io2&hl=en
       
      🤩 Hack Features

      - No ADS / Rewards Free
      - Gems Unlimited / Achievements Rewards
      - Gold Unlimited / In Battle Pick Box
      - ATK / In The Battle Pick skill
      - HP / In The Battle Pick skill
      - Def / In The Battle Pick skill
      - Skill EXP / Pick One Exp Quickly Get All Skill
      • 0 replies
    • Glow Tales: Merge & Makeover v1.1.0 +100 Jailed Cheats [ Debug Menu ]
      Modded/Hacked App: Glow Tales: Merge & Makeover By Paxie Games Oyun ve Yazilim Anonim Sirketi
      Bundle ID: com.paxiegames.glowtales
      App Store Link: https://apps.apple.com/us/app/glow-tales-merge-makeover/id6754087834?uo=4

       


      🤩 Hack Features

      - Debug Menu -> Head into Settings and toggle the Inbox button.
        • Informative
        • Like
      • 5 replies
    • Monster Survivors v1.29.1 +5 Jailed Cheats [ Damage & Defence ]
      Modded/Hacked App: Monster Survivors By Voodoo
      Bundle ID: games.rivvy.monstersurvivors
      iTunes Store Link: https://apps.apple.com/us/app/monster-survivors/id6463493974?uo=4


      Hack Features:
      - Damage Multiplier
      - Defence Multiplier
      - Move Speed Multiplier
      - Unlimited Currencies -> Spend some.
      - Unlock All -> Head over to Settings and toggle the Music button.


      Jailbreak required hack(s): [Mod Menu Hack] Monster Survivors v1.5 +5 Cheats [ Damage & Defence ] - Free Jailbroken Cydia Cheats - iOSGods
      Modded Android APK(s): https://iosgods.com/forum/68-android-section/
      For more fun, check out the Club(s): https://iosgods.com/clubs/
        • Informative
        • Agree
        • Haha
        • Thanks
        • Winner
        • Like
      • 184 replies
    • Resident Evil Survival Unit v1.3.1 +6 Jailed Cheats [ Damage & Defence ]
      Modded/Hacked App: Resident Evil Survival Unit By Aniplex Inc.
      Bundle ID: com.aniplex.resu
      App Store Link: https://apps.apple.com/us/app/resident-evil-survival-unit/id6744668327?uo=4

       
       

      🤩 Hack Features

      - Damage Multiplier [ Battle ]
      - Defence Multiplier [ Battle ]
      - God Mode [ Battle ]
      - God Mode [ Explore ]
      - One-Hit Kill [ Explore ]
      - Freeze Items & Ammo
        • Informative
        • Agree
        • Haha
        • Thanks
        • Winner
        • Like
      • 72 replies
    • Train of Hope: Survival Game v1.15.5 +5 Jailed Cheats [ Damage & Defence ]
      Modded/Hacked App: Train of Hope: Survival Game By Samfinaco LLC
      Bundle ID: com.samfinaco.tos
      iTunes Store Link: https://apps.apple.com/us/app/train-of-hope-survival-game/id6636482655?uo=4

       
       

      🤩 Hack Features

      - Damage Multiplier
      - Defence Multiplier
      - God Mode
      - Unlimited Resources -> Will increase instead of decrease.
      - Unlimited Hero Experience -> Will increase instead of decrease.
        • Haha
        • Thanks
        • Winner
        • Like
      • 86 replies
    • Monster Hunter Puzzles v2.22.02 +7 Jailed Cheats [ Unlimited Currencies ]
      Modded/Hacked App: Monster Hunter Puzzles By CAPCOM Co., Ltd
      Bundle ID: jp.co.capcom.mhpuzzle
      iTunes Store Link: https://apps.apple.com/us/app/monster-hunter-puzzles/id1591864714?uo=4


      Mod Requirements:
      - Non-Jailbroken/Jailed or Jailbroken iPhone/iPad/iPod Touch.
      - Sideloadly / Cydia Impactor or alternatives.
      - A Computer Running Windows/macOS/Linux with iTunes installed.


      Hack Features:
      - Unlimited Acorns -> Earn or spend some.
      - Unlimited Gems -> Earn or spend some.
      - Unlimited Tickets -> Earn or spend some.
      - Unlimited Lives -> Will not decrease.
      - Unlimited Boosters -> Will not decrease.
      - Unlimited Moves -> Will not decrease.
      - Auto Win


      Jailbreak required hack(s): [Mod Menu Hack] Monster Hunter Puzzles v2.01.02 +7 Cheats [ Unlimited Currencies ] - Free Jailbroken Cydia Cheats - iOSGods
      Modded Android APK(s): https://iosgods.com/forum/68-android-section/
      For more fun, check out the Club(s): https://iosgods.com/clubs/
        • Informative
        • Agree
        • Haha
        • Thanks
        • Winner
        • Like
      • 69 replies
    • Idle Zombie Miner: Gold Tycoon v2.302.2492 +1++ Jailed Cheat [ Currencies ]
      Modded/Hacked App: Idle Zombie Miner: Gold Tycoon By VISTREX LIMITED
      Bundle ID: com.zombie.idleminertycoon
      iTunes Store Link: https://apps.apple.com/us/app/idle-zombie-miner-gold-tycoon/id6471983323?uo=4


      Hack Features:
      - Unlimited Currencies -> Will increase instead of decrease.


      Jailbreak required hack(s): [Mod Menu Hack] Idle Zombie Miner: Gold Tycoon v2.53.1001 +1++ Cheat [ Unlimited Currencies ] - Free Jailbroken Cydia Cheats - iOSGods
      Modded Android APK(s): https://iosgods.com/forum/68-android-section/
      For more fun, check out the Club(s): https://iosgods.com/clubs/
        • Informative
        • Agree
        • Haha
        • Thanks
        • Winner
        • Like
      • 141 replies
    • Zombie Harbor: FPS Zombie Game v1.1.4 +12 Jailed Cheats [ Damage & Defence ]
      Modded/Hacked App: Zombie Harbor: FPS Zombie Game By MYGAMES MENA FZ LLC
      Bundle ID: games.my.zombie.shooter.fps
      App Store Link: https://apps.apple.com/us/app/zombie-harbor-fps-zombie-game/id6744439436?uo=4

       
       

      🤩 Hack Features

      - Freeze Currencies
      - Freeze Ammo
      - No Recoil
      - No Spread
      - Increased Fire Rate

      VIP
      - Damage Multiplier
      - Defence Multiplier
      - God Mode
      - Move Speed Multiplier
      - Unlimited Currencies
      - Kill All Enemies
      - Become Invisible
        • Informative
        • Agree
        • Thanks
        • Winner
        • Like
      • 12 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