Bootstrap Snippet HARUN PEHLİVAN Resume Flexbox using HTML CSS

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
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, width=device-width, user-scalable=no" />
    <title>HARUN PEHLİVAN</title>
    <!-- CSS -->
    <link rel="stylesheet" type="text/css" href="style.css">
    <!-- SOCIAL MEDIA ICONS -->
    <link rel="stylesheet" href="https://s3.amazonaws.com/icomoon.io/114779/Socicon/style.css?rd5re8">
</head>
<body>
    <div class="container">
        <div class="aside">
            <h1>Hi there!</h1>
            <h2>I'm HARUN PEHLİVAN</h2>
            <!-- image option
            <img src="images/bill-murray-500x500.jpg">
            -->
            <img src="http://www.doyoubuzz.com/var/users/_/2016/11/15/18/1300826/avatar/1253797/avatar_cp_630.jpg?t=1504470047">
            <div class="social-media">
                <ul>
                    <a href="https://www.facebook.com/profile.php?id=100008152065270"><li><span class="socicon-facebook"></span> Facebook</li></a>
                    <a href="https://twitter.com/HTERCUMANP"><li><span class="socicon-twitter"></span> Twitter</li></a>
                    <a href="https://www.instagram.com/harunpehlivantebimtebitagem"><li><span class="socicon-instagram"></span> Instragram</li></a>
                </ul>   
            </div>
            <div class="basic-information">
                <h3>Occupation</h3>
                <p>FOUNDER| CEO | BLOGGER<p>
            </div>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

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
/*** Fonts ***/
@import url('https://fonts.googleapis.com/css?family=Oswald:400,500,700');
/*** General resets ***/
* {
    box-sizing: border-box; /* 1 */
}
body {
    margin: 0;
    font-family: 'Oswald', sans-serif;
    padding: 1rem;
    background-color: #401934;
}
h1, h2, h3, h4, h5, h6{
    margin: 0;
    padding: 0;
}
ul{
    margin: 0;
    padding: 0;
}
li{
    list-style: none;
    margin: 0;
}
/*** Main structure ***/
.container {
    display: -webkit-flex;
    display: flex;
    max-width: 1000px;
    margin: 0 auto;
    box-shadow: 1px 1px 30px #000000;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

"HARUN PEHLİVAN Resume Flexbox"
Bootstrap 3.0.0 Snippet by harunpehlivan

Related: See More

Questions / Comments:

"HARUN PEHLİVAN Resume Flexbox" Bootstrap 3.0.0 Snippet by harunpehlivan

Related: See More

Questions / Comments:

"HARUN PEHLİVAN Resume Flexbox"
Bootstrap 3.0.0 Snippet by harunpehlivan