portfolio/index.html at gh-pages · GT-R/portfolio · 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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title> Professional website developing</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <link rel="stylesheet" href="main.css">

</head>

<body>
    <div class="container">
        <div class="main">
            <div class="row">
                <div class="col-sm-4">
                    <img src="images/profile.JPG" class="img-responsive" alt="Profile Picture" width="350" height="250">
                </div>
                <div class="col-sm-6">
                    <div id="name">
                        <h1 style="text-align:center">Professional Website Developer</h1></div>
                    <h4>1600 Pennsylvania Avenue Northwest <br> Washington, DC 20500<br>
                <a href="serghei@sandin.com">serghei@sandin.com</a></h4>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-6">
                    <h5>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mollis auctor mi eget posuere. Vivamus efficitur mauris ac tellus elementum feugiat. Sed porta lorem quam, eu lacinia leo rutrum et. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed et turpis sed eros scelerisque sodales eget eget nisl. Quisque ornare erat justo, ac commodo libero tincidunt ullamcorper. Donec hendrerit dui sed pellentesque eleifend. Cras maximus justo ac neque aliquet posuere. Nulla viverra ultrices eros a gravida. Vestibulum condimentum ut est a pretium.</h5></div>
                <div class="col-sm-6">
                    <h6>Quisque ornare erat justo, ac commodo libero tincidunt ullamcorper. Donec hendrerit dui sed pellentesque eleifend. Cras maximus justo ac neque aliquet posuere. Nulla viverra ultrices eros a gravida. Vestibulum condimentum ut est a pretiumLorem ipsum dolor sit amet, consectetur adipiscing elit. In mollis auctor mi eget posuere. Vivamus efficitur mauris ac tellus elementum feugiat. Sed porta lorem quam, eu lacinia leo rutrum et. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed et turpis sed eros scelerisque sodales eget eget nisl. </h6></div>
            </div>
            <nav class="navbar navbar-inverse">
                <div class="container-fluid">
                    <div class="collapse navbar-collapse" id="myNavbar">
                        <div class="navbar-header">
                            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                            <a class="navbar-brand" href="#">Main Menu</a>
                        </div>
                        <ul class="nav navbar-nav">
                            <li><a href="">Projects</a></li>
                            <li><a href="">Work History</a></li>
                            <li><a href="">Education</a></li>
                            <li><a href="">Our Services</a></li>
                        </ul>
                    </div>
                </div>
            </nav>
            <footer>
                <ul>
                    <li><a href="">Questions?</a></li>
                    <li><a href="">Customers Review</a></li>
                    <li><a href="">Facebook</a></li>
                </ul>
            </footer>


        </div>
    </div>


</body>
</html>