Skip to content
Snippets Groups Projects
Commit bafc7a82 authored by Da-Hye Ko's avatar Da-Hye Ko
Browse files

post about me

parent 793d06cb
No related branches found
No related tags found
No related merge requests found
Pipeline #
Hide whitespace changes
Inline Side-by-side
aboutme.html
+ 34
− 95
View file @ bafc7a82
......@@ -62,122 +62,61 @@
<div class="col-lg-8">
<!-- Title -->
<h3 class="mt-4">Hello, World...</h3>
<hr>
<!-- Date/Time -->
<p>Posted on February 05, 2019</p>
<hr>
<!-- Preview Image -->
<br><br>
<img class="rounded-circle" src="image/aboutme/000.jpg" width="600" alt="me">
<br>
<img class="rounded-circle" src="image/aboutme/000.jpg" width="450" alt="profile pic">
<hr>
<h4 class="mt-4">Hi, I am DaHye!</h4>
<h4 class="mt-4">Hi, I am DaHye.</h4>
<!-- Post Content -->
<p class="lead"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus, vero, obcaecati, aut, error quam sapiente nemo saepe quibusdam sit excepturi nam quia corporis eligendi eos magni recusandae laborum minus inventore?</p>
<p class="lead"> I just finished my master's degree at KAIST.
To write a graduation thesis, I spend last fall and winter trying to make an eye contact with <a href="http://www.cubo.cc/creepygirl/" target="_blank">CUBO, the virtual avatar<a>.
For the coming spring and summer, I want to communicate with people doing what I really want.
That's why I applied for FabAcademy. Looking Forward to make my final project!
</p>
<hr>
<h4 class="mt-4">An Eye Contact with CUBO: Interactive Eye-Gaze Model of Virtual Avatar using Coupled Logistic Map</h4>
<br><br>
<video width="600" controls>
<source src="video/aboutme001.mp4" type="video/mp4" />
</video>
<hr>
<h4 class="mt-4">Hi, I am DaHye!</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut, tenetur natus doloremque laborum quos iste ipsum rerum obcaecati impedit odit illo dolorum ab tempora nihil dicta earum fugiat. Temporibus, voluptatibus.</p>
<hr>
<br><br>
<img class="rounded-circle" src="image/aboutme003.jpg" width="200" alt="me">
<img class="rounded-circle" src="image/aboutme003.jpg" width="200" alt="me">
<img class="rounded-circle" src="image/aboutme003.jpg" width="200" alt="me">
<hr>
<h4 class="mt-4">Hi, I am DaHye!</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos, doloribus, dolorem iusto blanditiis unde eius illum consequuntur neque dicta incidunt ullam ea hic porro optio ratione repellat perspiciatis. Enim, iure!</p>
<h4 class="mt-4">Daily Lives of People on Similar Living Boundary</h4>
<img src="image/aboutme/005.jpg" width="450" alt="Daily Lives of People on Similar Living Boundary">
<blockquote class="blockquote">
<p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
<footer class="blockquote-footer">Someone famous in
<cite title="Source Title">Source Title</cite>
</footer>
</blockquote>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error, nostrum, aliquid, animi, ut quas placeat totam sunt tempora commodi nihil ullam alias modi dicta saepe minima ab quo voluptatem obcaecati?</p>
<hr>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum, dolor quis. Sunt, ut, explicabo, aliquam tenetur ratione tempore quidem voluptates cupiditate voluptas illo saepe quaerat numquam recusandae? Qui, necessitatibus, est!</p>
<h4 class="mt-4">Contact</h4>
<img src="image/aboutme/005.jpg" width="450" alt="Daily Lives of People on Similar Living Boundary">
<hr>
<!-- Comments Form -->
<div class="card my-4">
<h5 class="card-header">Leave a Comment:</h5>
<div class="card-body">
<form>
<div class="form-group">
<textarea class="form-control" rows="3"></textarea>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
</div>
</div>
<!-- Single Comment -->
<div class="media mb-4">
<img class="d-flex mr-3 rounded-circle" src="http://placehold.it/50x50" alt="">
<div class="media-body">
<h5 class="mt-0">Commenter Name</h5>
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
</div>
</div>
<!-- Comment with nested comments -->
<div class="media mb-4">
<img class="d-flex mr-3 rounded-circle" src="http://placehold.it/50x50" alt="">
<div class="media-body">
<h5 class="mt-0">Commenter Name</h5>
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
<div class="media mt-4">
<img class="d-flex mr-3 rounded-circle" src="http://placehold.it/50x50" alt="">
<div class="media-body">
<h5 class="mt-0">Commenter Name</h5>
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
</div>
</div>
<div class="media mt-4">
<img class="d-flex mr-3 rounded-circle" src="http://placehold.it/50x50" alt="">
<div class="media-body">
<h5 class="mt-0">Commenter Name</h5>
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
</div>
</div>
</div>
</div>
<li>
<a href="https://www.instagram.com/dakotacheez" target="_blank" title="@dakotacheez">Instagram</a>
</li>
<li>
<a href="https://www.facebook.com/dahye.ko.568" target="_blank" title="@DaHye Ko">Facebook</a>
</li>
<li>
<a href="#" title="dalgona92@gmail.com">Gmail</a>
</li>
</div>
<!-- Sidebar Widgets Column -->
<div class="col-md-4">
<!-- Categories Widget -->
<div class="card my-4">
<h5 class="card-header">Contact</h5>
<div class="card-body">
<div class="row">
<div class="col-lg-12">
<ul class="list-unstyled mb-0">
<li>
<a href="https://www.instagram.com/dakotacheez" target="_blank" title="@dakotacheez">Instagram</a>
</li>
<li>
<a href="https://www.facebook.com/dahye.ko.568" target="_blank" title="@DaHye Ko">Facebook</a>
</li>
<li>
<a href="#" title="dalgona92@gmail.com">Gmail</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- /.row -->
......
image/aboutme/005.jpg 0 → 100644
+ 0
− 0
View file @ bafc7a82
image/aboutme/005.jpg

318 KiB

0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment