HTML-CSS-Pair-Programming-Lab-1/index.html at main · kimlai07/HTML-CSS-Pair-Programming-Lab-1 · 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
<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]>      <html class="no-js"> <!--<![endif]-->
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>Movckup</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="style.css">
    </head>
    <body>
           <header class="header">
            <h1>MyWebsite</h1>
           </header>
            <main>
                <div class="image">
                    <img src="bridge.jpg" alt="golden gate bridge">
                </div>
                <div class ="content">
                    <h1>This is a lorem ipsum Heading </h1>
                    <p>Bacon ipsum dolor amet ribeye salami porchetta, andouille boudin biltong buffalo short ribs swine tri-tip hamburger ham fatback. Cupim salami pastrami hamburger chicken turducken porchetta spare ribs brisket pancetta jowl drumstick picanha rump. Capicola jerky picanha, pork chop shoulder andouille kevin shankle biltong ham hock kielbasa meatball pancetta boudin tongue. Bresaola tail jerky boudin capicola. Cow shankle short ribs, sirloin pork chop strip steak shank short loin. Picanha buffalo turducken, drumstick pork filet mignon kevin shank cow.</p>
                </div>
                <div>
                    <div class="sidebar">
                        <h3 class="sidebar_name">Sidebar Links</h3>
                        <hr>
                        <nav>
                            <ul class="nav_bar">
                               <a href="\"><li>Link 1</li></a>
                               <a href="\"><li>Link 1</li></a>
                               <a href="\"><li>Link 1</li></a>
                               <a href="\"><li>Link 1</li></a>
                            </ul>
                        </nav>

                        <h3 class="sidebar_name">Other Widgets</h3>
                        <hr>
                        <article class="article_style">
                            This is Photoshop's version of Lorem Ipsum. Proin gravida nibh velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.
                        </article>
                    </div>

                </div>
            </main>

            <footer class="footer">
                <p>Copyright <span>YourSite</span> . All rights reserved.</p>
            </footer>

        <script src="" async defer></script>
    </body>
</html>