devmeetings.rwd/index.html at master · damianmef/devmeetings.rwd · 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
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Styletiles</title>
    <link rel="stylesheet" href="styletiles.css">
</head>
<body class="demo">
    <section class="h--section--hero">h--section--hero</section>
    <section class="h--section--green">h--section--green</section>
    <section class="h--section--white">h--section--white</section>
    <section class="h--section--dark">h--section--dark</section>
    <section class="h--section--silver">h--section--silver</section>

    <img src="http://temp.burdach.com/images/branding/ecofood_logo.png" alt="Ecofood">

    <img src="http://temp.burdach.com/images/slider/slider_slide_1.jpg">
    <img src="http://temp.burdach.com/images/slider/slider_slide_2.jpg">
    <img src="http://temp.burdach.com/images/slider/slider_slide_3.jpg">
    <img src="http://temp.burdach.com/images/sections/section_poster.png">
    <img src="http://temp.burdach.com/images/sections/section_buy-now_bg.png">

    <h2 class="h--hero-heading">.h--hero-heading</h2>
    <h3 class="h--hero-slogan">.h--hero-slogan</h3>

    <h1>Default heading</h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
    consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
    cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
    proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
    consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
    cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
    proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
    consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
    cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
    proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
    consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
    cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
    proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

    <h1 class="h--nav-button">
        <a href="#">.h--nav-button</a>
    </h1>
    <a href="#" class="h--green-button">.h--green-button</a>
    <a href="#" class="h--white-button">.h--white-button</a>

    <ul class="h--nav-list">
        <li>
            <a href="#vegetables">One</a>
        </li><li>
            <a href="#features">Two</a>
        </li><li>
            <a href="#eco">Three</a>
        </li>
    </ul>

    <ul class="h--slider-nav">
        <li><a href="#"></a></li>
        <li><a href="#"></a></li>
        <li><a href="#"></a></li>
    </ul>

    <table class="h--table">
        <thead>
            <tr>
                <th>x/x</th>
                <th>Vitamerchemical name</th>
                <th>Solubility</th>
                <th>Recommended dietary allowances</th>
                <th>Deficiency disease</th>
                <th>Upper Intake Level (UL/day)</th>
                <th>Overdose disease</th>
                <th>Food sources</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <th>Vitamin A</th>
                <td>Retinol, retinal, and four carotenoids including beta carotene</td>
                <td>Fat</td>
                <td>900 µg</td>
                <td>Night-blindness, Hyperkeratosis, and Keratomalacia</td>
                <td>3,000 µg</td>
                <td>Hypervitaminosis A</td>
                <td>Orange, ripe yellow fruits, leafy vegetables, carrots, pumpkin, squash, spinach, liver</td>
            </tr>
        </tbody>
    </table>

    <form class="h--form">
        <input type="text" placeholder="e.g. Josh" required>
        <input type="email" placeholder="e.g. josh@freshfood.com">
        <input type="tel" placeholder="567 324 980">
        <textarea placeholder="message"></textarea>
    </form>

</body>
</html>