portfolio/index.html at master · coralieco/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
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
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
<html>
<head>
  <meta charset="utf-8">
  <title>Portfolio</title>

  <link href="http://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" rel="stylesheet">

  <link href="https://fonts.googleapis.com/css?family=Inconsolata|Josefin+Sans|Nothing+You+Could+Do|Satisfy" rel="stylesheet">

  <link rel="stylesheet" href="css/style.css">

  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
</head>
<body>

  <div class="wrapper">
    <div class="presentation-banner text-center">
    <img src="https://avatars0.githubusercontent.com/u/22852543?v=3&s=400" alt="profile" class="profile-css text-center" />
      <div class="container">
        <div class="row">

            <p> Ex-Entrepreneur and ex-product manager, I now dive deep into web development braving technical challenges with enthusiasm and creating fabulous new projects.</p>
            <div class="social-links">
              <p><i class="fa fa-github" aria-hidden="true"></i><a href="https://github.com/coralieco" target="_blank"> Github </a> </p>
              <p><i class="fa fa-linkedin" aria-hidden="true"></i><a href="https://www.linkedin.com/in/coralie-collignon-22984319/" target="_blank"> Linkedin</a></p>
            </div>
            <p>Ruby on Rails backend developer</p>
        </div> <!-- fin row -->
      </div> <!-- fin container -->
    </div> <!-- fin presentation-banner -->

    <div class="portfolio-banner">
      <h1 class="text-center">Portfolio</h1>
      <div class="container text">
        <div class="row text">
          <div class="col-xs-12 col-sm-6 col-md-4">
            <div class="card">
              <img src="css/images/math.jpg" alt="git" class="card-image" />
              <div class="text-left card-text">
                <h4>String similarity algorithm</h4>
                <p>Compare the similarity between words</p>
                <div class="card-links">
                    <a href="https://medium.com/@appaloosastore/string-similarity-algorithms-compared-3f7b4d12f0ff" target="_blank"><i class="fa fa-eye" aria-hidden="true"></i></a>
                    <a href="https://github.com/coralieco/string_similarity_comparator" target="_blank"><i class="fa fa-github" aria-hidden="true"></i></a>
                </div> <!-- fin card-links -->
              </div> <!--  fin card-text -->
            </div> <!-- fin card -->
          </div> <!-- fin col -->
          <div class="col-xs-12 col-sm-6 col-md-4">
            <div class="card">
              <img src="css/images/octo.png" alt="git" class="card-image" />
              <div class="text-left card-text">
                <h4>Git Rebase Workshop</h4>
                <p>Learn git rebase with a poem</p>
                <div class="card-links">
                    <a href="https://medium.com/appaloosa-store-engineering/demystifying-git-rebase-a-workshop-3b8e3eb1b386" target="_blank"><i class="fa fa-eye" aria-hidden="true"></i></a>
                    <a href="https://github.com/coralieco/workshop-git-rebase" target="_blank"><i class="fa fa-github" aria-hidden="true"></i></a>
                </div> <!-- fin card-links -->
              </div> <!--  fin card-text -->
            </div> <!-- fin card -->
          </div> <!-- fin col -->
          <div class="col-xs-12 col-sm-6 col-md-4">
            <div class="card">
              <img src="css/images/blog.png" alt="jekyll" class="card-image" />
              <div class="text-left card-text">
                <h4>Jekyll</h4>
                <p>Personal blog about technical subjects</p>
                <div class="card-links">
                    <a href="http://coraliecollignon.com/" target="_blank"><i class="fa fa-eye" aria-hidden="true"></i></a>
                    <a href="https://github.com/coralieco/jekyll" target="_blank"><i class="fa fa-github" aria-hidden="true"></i></a>
                </div> <!-- fin card-links -->
              </div> <!--  fin card-text -->
            </div> <!-- fin card -->
          </div> <!-- fin col -->
          <div class="col-xs-12 col-sm-6 col-md-4">
            <div class="card">
              <img src="css/images/planisfer.png" alt="planisfer" class="card-image" />
              <div class="text-left card-text">
                <h4>Planisfer</h4>
                <p>Book your next flight for your road-trip</p>
                <div class="card-links">
                    <a href="http://www.planisfer.space/" target="_blank"><i class="fa fa-eye" aria-hidden="true"></i></a>
                    <a href="https://github.com/coralieco/planisfer" target="_blank"><i class="fa fa-github" aria-hidden="true"></i></a>
                </div> <!-- fin card-links -->
              </div> <!--  fin card-text -->
            </div> <!-- fin card -->
          </div> <!-- fin col -->
          <div class="col-xs-12 col-sm-6 col-md-4">
            <div class="card text-center">
              <img src="css/images/share.png" alt="share" class="card-image" />
              <div class="text-left card-text">
                <h4>Share a Bed</h4>
                <p>Rent a place in your bed</p>
                <div class="card-links">
                    <a href="https://airbnb-coralieco.herokuapp.com/" target="_blank"><i class="fa fa-eye" aria-hidden="true"></i></a>
                    <a href="https://github.com/coralieco/rails-airbnb-clone" target="_blank"><i class="fa fa-github" aria-hidden="true"></i></a>
                </div> <!-- fin card-links -->
              </div> <!-- fin card-text -->
            </div> <!-- fin card -->
          </div> <!-- fin col -->
          <div class="col-xs-12 col-sm-6 col-md-4">
            <div class="card">
              <img src="css/images/ff.png" alt="ff" class="card-image" />
              <div class="text-left card-text">
                <h4>Food and Folks</h4>
                <p>Discover the world through food</p>
                <div class="card-links">
                    <a href="https://food-folks.herokuapp.com/" target="_blank"><i class="fa fa-eye" aria-hidden="true"></i></a>
                </div> <!-- fin card-links -->
              </div> <!-- fin card-text -->
            </div> <!-- fin card -->
          </div> <!-- fin col -->
        </div> <!-- fin row -->
      </div> <!-- fin container -->
    </div> <!-- fin portfolio -->
  </div> <!-- fin wrapper -->

</body>
</html>