FirstGitHomework/index.html at master · kingstans/FirstGitHomework · 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
    <title>Codicamp First Homework</title>
    <link rel="stylesheet" type="text/css" href="./css/style.css">
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
     <div class="wrapper">
            <header class="header">
                <h1>DeadPool Fansite</h1>
                <nav class="nav-header">
                    <a href="#">Link 1</a>
                    <a href="#">Link 2</a>
                    <a href="#">Link 3</a>
                    <a href="#">Link 4</a>
                    <a href="#">Link 5</a>
                    <a href="#">Link 6</a>
                </nav>
            </header>
        <div class="middle-div-cont">
                <aside class="aside-img">
                    <img src="./img/deadPool.jpg" alt="Dead pool">
                </aside>
                    <section class="section">
                        <article class="article-item">
                            <h2>Some Title</h2>
                                <p>
                                Lorem ipsum dolor sit amet, ei phaedrum percipitur suscipiantur eum. Mentitum liberavisse accommodare cu sea, ut modus consectetuer eos. Probatus similique te eum, tempor fabulas perfecto cu nec. Pri et vide repudiare, has ea omnis reque, has cu utamur electram explicari. Intellegam eloquentiam vix ut.
                                </p>
                        </article>
                        <article class="article-item">
                            <h2>Some Title</h2>
                                <p>
                                 Lorem ipsum dolor sit amet, ei phaedrum percipitur suscipiantur eum. Mentitum liberavisse accommodare cu sea, ut modus consectetuer eos. Probatus similique te eum, tempor fabulas perfecto cu nec. Pri et vide repudiare, has ea omnis reque, has cu utamur electram explicari. Intellegam eloquentiam vix ut.
                                </p>
                        </article>
                        <article class="article-item">
                             <h2>SomeTitle</h2>
                                 <p>
                                 Lorem ipsum dolor sit amet, ei phaedrum percipitur suscipiantur eum. Mentitum liberavisse accommodare cu sea, ut modus consectetuer eos. Probatus similique te eum, tempor fabulas perfecto cu nec. Pri et vide repudiare, has ea omnis reque, has cu utamur electram explicari. Intellegam eloquentiam vix ut.
                                 </p>
                        </article>
                    </section>
                <aside class="aside-img">
                    <img src="./img/ladydeadPool.png" alt="Deadpool woman">
                </aside>
        </div>
            <footer class="footer">
                 <nav class="footer-icon">
                     <a href="https://www.google.bg"><i class="fa fa-facebook-official" aria-hidden="true"></i></a>
                     <a href=""><i class="fa fa-youtube" aria-hidden="true"></i></a>
                     <a href=""><i class="fa fa-skype" aria-hidden="true"></i></a>
                </nav>
                    <p>Copyright</p>
            </footer>
    </div>
</body>
</html>