Khatcode.github.io/index.html at master · Khatcode/Khatcode.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
<!DOCTYPE html>
<html lang="en">

<head>
    <meta name="google-site-verification" content="9vwZg54Z2VnGK08giG1YzAmOTX5kYEnZLUA4WHgVS1Q" />
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Kiefer Hatmacher's Protein Powder Shop</title>
    <link rel="stylesheet" type="text/css" href="https://khatcode.github.io/classes.css">
</head>

<body>
    <header>
        <!--Login menu-->
        <div class="contentWrapper">

            <nav id="utilityMenu">
                <ul>
                    <li><a href="#"><img src="https://khatcode.github.io/img/facebook_24.png" alt="Facebook" class="socialIcon" /></a></li>
                    <li><a href="#"><img src="https://khatcode.github.io/img/twitter_20.png" alt="Twitter" class="socialIcon" /></a></li>
                    <li><a href="#"><img src="https://khatcode.github.io/img/google_plus_20.png" alt="Google Plus" class="socialIcon" /></a></li>
                    <li><a href="#" class="active">Login</a></li>
                    <li><a href="#">My Cart</a></li>
                    <li><input type="search" id="search" placeholder="Search"></li>
                </ul>
            </nav>


            <h1>Kiefer Hatmacher's Protein</h1>
            <h2>Market</h2>
            <nav>
                <ul>
                    <li><a href="#">Shop Now</a></li>
                    <li><a href="#">Protein Info</a></li>
                    <li><a href="#">Contact</a></li>
                    <li><a href="#">Ingredients</a></li>
                </ul>
            </nav>


            <!--Navigation Menu-->
        </div>
    </header>

    <div class="contentWrapper">


        <section id="sidebar">
            <!--Sidebar Text-->

            <h1>Protein 101</h1>
            <p>Protein powders contain concentrated doses of protein, an important building block for body tissues. Use
                protein powder supplements, derived from either animal or plant sources, to help you meet your fitness
                and
                health goals.</p>
            <p>At The Protein Shop, we have something to suit many different dietary needs, featuring a variety of
                protein
                sources and delicious flavors.</p>
            <p>We carry an assortment of protein supplements, including powders made from the following protein sources:

                Whey protein: a complete protein, meaning it contains all the amino acids, and provides a source of
                branched-chain amino acids.
                Plant-based protein: also known as raw protein, provides a meat- and dairy-free alternative to regular
                protein powder. Many products use chia, pumpkin, hemp, and flax seeds, alfalfa, quinoa, artichokes,
                peas,
                and brown rice to deliver a powerful protein punch.
                Casein: the most abundant protein in milk, offers slow digestion rates, making it an excellent option
                for
                those undertaking endurance and resistance training. The longer digestion process allows for a more
                gradual,
                steady release of amino acids to support muscle growth.
                Soy protein: provides numerous protein compounds all from a mixture of soybeans. Reap the benefits of
                this
                vegetarian-friendly protein powder to help support healthy weight management.
                Egg white protein: harnesses the proteins in egg whites and reduced amounts of cholesterol while still
                delivering high levels of protein.

                Keep in mind that these are just some of the most popular types of protein powders. Browse our full
                selection of protein powder supplements to find the option that's right for you.</p>


            <!--Recipe List-->
            <br />
            <h1>Ingredients</h1>
            <ol>
                <li><a href="#">Protein For you</a></li>
                <li><a href="#">Whey</a></li>
                <li><a href="#">Plant Based</a></li>
                <li><a href="#">Plant-Based</a></li>
                <li><a href="#">Casein</a></li>
                <li><a href="#">Soy Protein</a></li>
                <li><a href="#">Egg White Protein</a></li>
            </ol>
            <br />


    </div>


    </section>
    <section id="main" class="contentWrapper">
        <!--Main Section-->

        <h1>Shop for Protein Powders</h1>
        <!--Six different cheeses-->
        <div class="panel">
            <img src="https://khatcode.github.io/img/isorip.jpg" class="proteinType" alt="protein" />
            <h2>Isolate</h2>
            <p>Isolate Ripped Thermogenic Protein Formula - Chocolate (1.89 Lbs. / 20 Servings) </p>
            <button>Order</button>
        </div>
        <div class="panel">
            <img src="https://khatcode.github.io/img/goldstan.jpg" class="proteinType" alt="protein" />
            <h2>Gold Standard</h2>
            <p>Gold Standard 100% Whey Protein - Double Rich Chocolate (5 Lbs. / 74 Servings)</p>
            <button>Order</button>
        </div>
        <div class="panel">
            <img src="https://khatcode.github.io/img/musc.jpg" class="proteinType" alt="protein" />
            <h2>Muscle Milk</h2>
            <p>Genuine Protein - Chocolate (39.5 oz. / 16 Servings) </p>
            <button>Order</button>
        </div>
        <div class="panel">
            <img src="https://khatcode.github.io/img/whytec.jpg" class="proteinType" alt="protein" />
            <h2>Whey Tech</h2>
            <p>Whey Tech Pro 24 Whey Protein Isolate & Concentrate Powder - Rich Chocolate (5 Lbs. / 69 Servings)</p>
            <button>Order</button>
        </div>
        <div class="panel">
            <img src="https://khatcode.github.io/img/iso.jpg" class="proteinType" alt="protein" />
            <h2>ISO100</h2>
            <p>ISO100 Hydrolyzed 100% Whey Protein Isolate - Fruity Pebbles (5 Lbs. / 76 Servings) </p>
            <button>Order</button>
        </div>
        <div class="panel">
            <img src="https://khatcode.github.io/img/org.jpg" class="proteinType" alt="protein" />
            <h2>Raw Organic</h2>
            <p>Raw Organic Plant Protein - Chocolate (1 Lb. 7.28 oz. / 20 Servings) </p>
            <button>Order</button>
        </div>

        <!--Six different cheeses-->
    </section>


    <footer>
        <!--Legal items, navigational items-->

        <ul id="menuFooter">
            <li><a href="#">Sitemap</a></li>
            <li><a href="#">Privacy Policy</a></li>
            <li><a href="#">Terms of Use</a></li>
        </ul>


        <div class="clear"></div>
    </footer>
</body>

</html>