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

    • Genshin Impact Cheats v6.4.0 +3
      Modded/Hacked App: Genshin Impact by miHoYo Limited
      Bundle ID: com.miHoYo.GenshinImpact
      iTunes Store Link: https://apps.apple.com/us/app/genshin-impact/id1517783697?uo=4&at=1010lce4


      Hack Features:
      - Instant Skill
      - Instant Special Skill (Elemental Burst)
      - Infinite Stamina
        + Infinite Sprint Time
        + Infinite Swim Time
        + Infinite Fly Time


      iOS Hack Download Link: https://iosgods.com/topic/134035-genshin-impact-cheat-v101-3-instant-skill-more/
      • 3,725 replies
    • Playdead's INSIDE v1.1.14 Jailed Cheats +1
      Modded/Hacked App: Playdead's INSIDE By Playdead
      Bundle ID: com.playdeadgames.inside.ios
      iTunes Store Link: https://itunes.apple.com/us/app/playdeads-inside/id1201642309?mt=8&uo=4&at=1010lce4



      Hack Features:
      - Free iAP for Full Game (Turn on free iap inside iOSGods Mod Menu first)


      Hack Download Link: https://iosgods.com/topic/76196-playdeads-inside-v105-jailed-cheats-1/
      • 1,553 replies
    • Three Kingdoms All-Star : Idle v4.7 Jailed Cheats +3
      Modded/Hacked App: Three Kingdoms All-Star : Idle By Highbrow
      Bundle ID: com.highbrow.games.tki
      iTunes Store Link: https://apps.apple.com/us/app/three-kingdoms-all-star-idle/id6737404289?uo=4

       


      🤩 Hack Features

      - No Skill Cooldown
      • 98 replies
    • Disney Solitaire v1.14.3 [ +7 Cheats ] Auto Win
      Modded/Hacked App: Disney Solitaire By SuperPlay LTD
      Bundle ID: com.superplaystudios.disneysolitairedreams
      iTunes Store Link: https://apps.apple.com/ph/app/disney-solitaire/id6475757306?uo=4
       

      🤩 Hack Features

      - Coins [ Win Match ]

      - Task [ No Need Star ]

      - Stars

      - Undo

      - Wild Card

      - Free Ticket

      - Auto Win
      • 56 replies
    • Disney Solitaire v1.14.3 [ +7 Jailed ] Auto Win
      Modded/Hacked App: Disney Solitaire By SuperPlay LTD
      Bundle ID: com.superplaystudios.disneysolitairedreams
      iTunes Store Link: https://apps.apple.com/ph/app/disney-solitaire/id6475757306?uo=4


      🤩 Hack Features

      - Coins [ Win Match ]

      - Task [ No Need Star ]

      - Stars

      - Undo

      - Wild Card

      - Free Ticket

      - Auto Win
      • 60 replies
    • Royal Kingdom v27171 [ +11 Cheats ] Auto Win
      Modded/Hacked App: Royal Kingdom By Dream Games Teknoloji Anonim Sirketi
      Bundle ID: com.dreamgames.royalkingdom
      iTunes Store Link: https://apps.apple.com/us/app/royal-kingdom/id1606549505?uo=4

      Hack Features:
      - Coins [ Win Match ]

      - Potions

      - Lives Free

      - Booster Max

      - ViP Frame Unlock

      - Kingdom Pass Free

      - District unlock [ One Task Only ]

      - Auto Win [ Just One Move ]

      - Colour Spawn [ Blue Green Red Yellow Pink Orange ] Choose One Only
      • 94 replies
    • Royal Kingdom v27171 [ +11 Jailed ] Auto Win
      Modded/Hacked App: Royal Kingdom By Dream Games Teknoloji Anonim Sirketi
      Bundle ID: com.dreamgames.royalkingdom
      iTunes Store Link: https://apps.apple.com/us/app/royal-kingdom/id1606549505?uo=4


      Hack Features:

      - Coins [ Win Match ]

      - Potions

      - Lives Free

      - Booster Max

      - ViP Frame Unlock

      - Kingdom Pass Free

      - District unlock [ One Task Only ]

      - Auto Win [ Just One Move ]

      - Colour Spawn [ Blue Green Red Yellow Pink Orange ] Choose One Only


      Jailbreak required hack(s): https://iosgods.com/forum/5-game-cheats-hack-requests/
      Modded Android APK(s): https://iosgods.com/forum/68-android-section/
      For more fun, check out the Club(s): https://iosgods.com/clubs/
      • 119 replies
    • Dice Dreams™ v1.103.1 [ +9 Cheats ] Currency Max
      Modded/Hacked App: Dice Dreams™ By SuperPlay LTD
      Bundle ID: com.superplaystudios.dicedreams
      iTunes Store Link: https://apps.apple.com/us/app/dice-dreams/id1484468651?uo=4


      Hack Features:
      - Coins Max [ Disable Coins When Use Bet Multiplier ]

      - Rolls Unlimited 

      - Crowns [ Only For Card Upgrade ]

      - Shield [ Get Unlimited Rolls ]

      - Bet Multiplier [ Coins + Rewards ]

      - All Task Score + Rewards [ Linked Bet Multiplier ]

      - Next Kingdom [ Build One ]

      - Build Cost [ 0 ]

      - Premium Dreams Pass

      Warning:- Don't Blame Me Banned  Some Time Freeze Reopen Then Works


      Non-Jailbroken & No Jailbreak required hack(s): https://iosgods.com/forum/79-no-jailbreak-section/
      Modded Android APK(s): https://iosgods.com/forum/68-android-section/
      For more fun, check out the Club(s): https://iosgods.com/clubs/
      • 150 replies
    • Dice Dreams™ v1.103.1 [ +9 Jailed ] Currency Max
      Modded/Hacked App: Dice Dreams™ By SuperPlay LTD
      Bundle ID: com.superplaystudios.dicedreams
      iTunes Store Link: https://apps.apple.com/us/app/dice-dreams/id1484468651?uo=4


      Hack Features:

      - Coins Max [ Disable Coins When Use Bet Multiplier ]

      - Rolls Unlimited 

      - Crowns [ Only For Card Upgrade ]

      - Shield [ Get Unlimited Rolls ]

      - Bet Multiplier [ Coins + Rewards ]

      - All Task Score + Rewards [ Linked Bet Multiplier ]

      - Next Kingdom [ Build One ]

      - Build Cost [ 0 ]

      - Premium Dreams Pass

      Warning:- Don't Blame Me Banned  Some Time Freeze Reopen Then Works

       
      Jailbreak required hack(s): https://iosgods.com/forum/5-game-cheats-hack-requests/
      Modded Android APK(s): https://iosgods.com/forum/68-android-section/
      For more fun, check out the Club(s): https://iosgods.com/clubs/
      • 152 replies
    • Arcane Arena: Tower Defense TD v1.038 [ +3 Cheats ] Currency Max
      Modded/Hacked App: Arcane Arena: Tower Defense TD By Panteon Yazilim Oyun Egitim Teknolojileri ve Hizmetleri Sanayi Ticaret Anonim Sirketi
      Bundle ID: com.panteon.arcanearena
      App Store Link: https://apps.apple.com/ca/app/arcane-arena-tower-defense-td/id6746447166?uo=4

      🤩 Hack Features

      - ADS NO / Rewards Free
      - Unlimited Currency
      - Unlimited Resource
      • 49 replies
    • Arcane Arena: Tower Defense TD v1.038 [ +3 Jailed ] Currency Max
      Modded/Hacked App: Arcane Arena: Tower Defense TD By Panteon Yazilim Oyun Egitim Teknolojileri ve Hizmetleri Sanayi Ticaret Anonim Sirketi
      Bundle ID: com.panteon.arcanearena
      App Store Link: https://apps.apple.com/ca/app/arcane-arena-tower-defense-td/id6746447166?uo=4

      🤩 Hack Features

      - ADS NO / Rewards Free
      - Unlimited Currency
      - Unlimited Resources
      • 66 replies
    • Animal Mafia v1.3.2 [ +20 Cheats ] Currency Max
      Modded/Hacked App: Animal Mafia By IGNITION M CO., LTD.
      Bundle ID: com.ignm.animalmafia
      App Store Link: https://apps.apple.com/us/app/animal-mafia/id6741849079?uo=4

      🤩 Hack Features

      - Premium Active
      - Premium Claim Unlimited
      - Premium Unlimited Rewards
      - Normal Unlimited Rewards
      - Unlimited Gems
      - Unlimited Gold
      - Unlimited Energy
      - Unlimited Soul Can
      - Unlimited Sprout Keys + Voucher
      - Unlimited Grilled Fish + Voucher
      - Unlimited Enhancement Crystal + Voucher
      - Unlimited Animal Cookie
      - Unlimited Bloom Key
      - Unlimited Adventure Medal
      - Offline Rewards / Unlimited Gold
      - Offline Rewards / Unlimited Gummy
      - Gacha / Earn Gold
      - Gacha / Earn Gummy
      - ATK / Hero Upgrade
      - HP / Hero Upgrade
      • 19 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