ufuk.site/index.html at main · foxnikean/ufuk.site · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Planey</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="container">
        <div class="main">
            <h1>planey</h1>
            <ul>
                <li><a href="">articles</a></li>
                <li><a href="">about</a></li>
                <li id="contact"><a href="">contact me</a></li>
            </ul>
        </div>
        <div class="intro">
            <div class="article1">
                <h1>WHAT IS CONCORDE ?</h1>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Elementum feugiat volutpat elit quis massa elit tincidunt sed et. Odio odio mollis augue pretium amet. Praesent tristique aliquet viverra nisl venenatis, nisi. Parturient diam nibh pulvinar vel sed. Auctor blandit senectus aliquet id molestie aliquam suspendisse pretium quis. Quam nisi pellentesque nunc, amet. Risus molestie leo tortor vitae vehicula bibendum risus ut amet. Feugiat felis neque et fringilla purus sed mauris commodo. Pulvinar nunc proin volutpat elementum ultricies ut nullam. Dui bibendum enim volutpat malesuada at. Sagittis lectus nisi interdum velit id urna. Nisl habitant netus vel sem orci pellentesque euismod orci. Morbi orci sed eget risus urna a mattis faucibus. Donec porttitor venenatis, vitae ut. Congue hendrerit feugiat vel in adipiscing vitae nunc blandit sed. Morbi viverra risus velit volutpat quisque eu eget nunc. Risus, lobortis blandit senectus vel massa faucibus. Tristique risus, elementum potenti volutpat cursus. Ut a, ultrices et non quis sit duis eu.</p>
                <img src="img/article/concorde-190915-870x600.jpg" alt="">
            </div>
            <div class="article1">
                <h1>WHAT IS BOEING 757 ?</h1>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Elementum feugiat volutpat elit quis massa elit tincidunt sed et. Odio odio mollis augue pretium amet. Praesent tristique aliquet viverra nisl venenatis, nisi. Parturient diam nibh pulvinar vel sed. Auctor blandit senectus aliquet id molestie aliquam suspendisse pretium quis. Quam nisi pellentesque nunc, amet. Risus molestie leo tortor vitae vehicula bibendum risus ut amet. Feugiat felis neque et fringilla purus sed mauris commodo. Pulvinar nunc proin volutpat elementum ultricies ut nullam. Dui bibendum enim volutpat malesuada at. Sagittis lectus nisi interdum velit id urna. Nisl habitant netus vel sem orci pellentesque euismod orci. Morbi orci sed eget risus urna a mattis faucibus. Donec porttitor venenatis, vitae ut. Congue hendrerit feugiat vel in adipiscing vitae nunc blandit sed. Morbi viverra risus velit volutpat quisque eu eget nunc. Risus, lobortis blandit senectus vel massa faucibus. Tristique risus, elementum potenti volutpat cursus. Ut a, ultrices et non quis sit duis eu.</p>
                <img src="img/article/Boeing_757-200_ucak.jpg" alt="">
            </div>
            <div class="article3">
                <h1>WHAT IS AIRBUS A320 ?</h1>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Elementum feugiat volutpat elit quis massa elit tincidunt sed et. Odio odio mollis augue pretium amet. Praesent tristique aliquet viverra nisl venenatis, nisi. Parturient diam nibh pulvinar vel sed. Auctor blandit senectus aliquet id molestie aliquam suspendisse pretium quis. Quam nisi pellentesque nunc, amet. Risus molestie leo tortor vitae vehicula bibendum risus ut amet. Feugiat felis neque et fringilla purus sed mauris commodo. Pulvinar nunc proin volutpat elementum ultricies ut nullam. Dui bibendum enim volutpat malesuada at. Sagittis lectus nisi interdum velit id urna. Nisl habitant netus vel sem orci pellentesque euismod orci. Morbi orci sed eget risus urna a mattis faucibus. Donec porttitor venenatis, vitae ut. Congue hendrerit feugiat vel in adipiscing vitae nunc blandit sed. Morbi viverra risus velit volutpat quisque eu eget nunc. Risus, lobortis blandit senectus vel massa faucibus. Tristique risus, elementum potenti volutpat cursus. Ut a, ultrices et non quis sit duis eu.</p>
                <img src="img/article/a320.jpg" alt="">
            </div>
        </div>
        <footer>
            <div class="footer-things">
                <p>Built by Salih</p>
                <a href=""><img src="img/logos/twitter.png" alt=""></a>
                <a href=""><img src="img/logos/instagram.png" alt=""></a>
                <a href=""><img src="img/logos/linkedin.png" alt=""></a>
            </div>
        </footer>
    </div>
</body>
</html>