github-exercise/index.html at master · danielpvk/github-exercise · 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
<!DOCTYPE html>
<html lang="en">
    <head>
    <meta charset="UTF-8">

        <title>Daniel Bio</title>
        <style>
            header {
                height: 100px;
                width: 80%;
                align-content: center;
                vertical-align: middle;
            }
            h1{
                background-color:#333333;
                color: #eee;
                text-align: center;
                font-size: 28px;

            }
            h2{
                font-size:24px;
                margin: 0 auto;
                padding: 0;

            }

            body {
                background:#efeee7;
                color:#333333;
                width: 1024;
            }
            .container:after{
                content:"";

                display:table;
                clear:both;
            }

            .main-image {
                width: 20%;
                float: left;
            }
            .main-bio {
                width: 40%;
                float: left;
            }
            .contact-info {
                width: 40%;
                float: left;
            }
            p{

            }

        </style>
    </head>
    <body>
        <header>
                <h1>My Bio<br></h1>

        </header>
     <div class="container">
        <div class="main-image">

                <h2>Daniel P.V.</h2>

                <img src="http://www.binocularstudio.es/wp-content/uploads/2015/06/B-brules1-600x473.jpg" height="200" width="200" alt"boy's rules">

        </div>
        <div class="main-bio">
                <br>
                <P>I am Daniel Peña, I'm an electronic engineer actually working in my own, Powdertronic.</P>

                <p>My profesional life is focus in designing machinery with integration with the cloud, to meet the new Industry 4.0 tendency.</p>

                <P>In my free time I love to rock climbing.  I'm also an fan of photography, you can follow me at my instagram <a href="https://www.instagram.com/danielpvk/">@danielpvk</a>
                </P>
            </div>

        <div class="contact-info">

               <h2>Contact info: </h2>
                <ul>
                    <li>Email:  <a href="mailto:danielpvk@gmail.com" >danielpvk@gmail.com</a></li>
                    <li>Github: <a href="github.com/danielpv">danielpv</a></li>
                    <li>Portfolio: <a href="">coming soon</a></li>

                </ul>

         </div
       </div>
    </body>

</html>