intro-webdev-2017/index.html at master · openwebbu/intro-webdev-2017 · 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
<!doctype html>
<html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link href="css/bootstrap.css" rel="stylesheet">
        <link href="css/styles.css" rel="stylesheet">
        <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,600' rel='stylesheet' type='text/css'>
        <title>My Product</title>
    </head>
    <body>
        <div class="container-fluid">
            <header>
                <nav>
                    <a href="#">About</a>
                    <a href="#">Features</a>
                    <a href="#">Pricing</a>
                    <a href="#">Support</a>
                </nav>

                <h1>Product Name</h1>
                <h3>Buy our product because it's awesome!</h3>

                <a href="#" class="buy">BUY</a>
            </header>

            <div class="row about">
                <div class="col-xs-12">
                    <h2>ABOUT</h2>
                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dignissim nisi nec nulla viverra cursus. Aliquam tincidunt sapien quis feugiat hendrerit. Nunc fermentum nunc lacus, blandit dignissim sapien pellentesque ac. Vivamus pretium felis erat. Aenean.
                    </p>
                </div>
            </div>

            <div class="row">
                <div class="col-xs-12 col-md-4">
                    <div class="icon" id="lightning"></div>
                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et lectus id justo vehicula hendrerit. Etiam nec dignissim libero. Vivamus ornare urna at turpis viverra sodales. Vivamus molestie arcu risus, ac condimentum odio scelerisque ut. Morbi nulla nulla, posuere sit.
                    </p>
                </div>

                <div class="col-xs-12 col-md-4">
                    <div class="icon" id="cloud"></div>
                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et lectus id justo vehicula hendrerit. Etiam nec dignissim libero. Vivamus ornare urna at turpis viverra sodales. Vivamus molestie arcu risus, ac condimentum odio scelerisque ut. Morbi nulla nulla, posuere sit.
                    </p>
                </div>

                <div class="col-xs-12 col-md-4">
                    <div class="icon" id="people"></div>
                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et lectus id justo vehicula hendrerit. Etiam nec dignissim libero. Vivamus ornare urna at turpis viverra sodales. Vivamus molestie arcu risus, ac condimentum odio scelerisque ut. Morbi nulla nulla, posuere sit.
                    </p>
                </div>
            </div>
        </div>
    </body>
</html>