135 lines
5.1 KiB
HTML
135 lines
5.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
|
|
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
|
|
<style>
|
|
@import url('https://fonts.googleapis.com/css2?family=League+Gothic&display=swap');
|
|
</style>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<style>
|
|
@import url('https://fonts.googleapis.com/css2?family=Aboreto&display=swap');
|
|
</style>
|
|
<style>
|
|
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300&family=Open+Sans:wght@300&display=swap');
|
|
</style>
|
|
<title>Game of Life intro</title>
|
|
<link rel="stylesheet" href="GOL-page.css" />
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<div class="container-fluid topbar">
|
|
<div class="row top" style="margin-bottom:20px">
|
|
<div id="logoC">
|
|
<img src="./intro_asset/logo 2-01.png" class="col-sm-6">
|
|
</div>
|
|
<div id="myName" class="col-sm-6">I.m.Candace</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container-fluid topbar">
|
|
<div class="row intro" style="margin-bottom:20px">
|
|
<h1 class="col-sm-6 tittle"> A little bit about myself. </h1>
|
|
<p class="col-sm-6 intro-p">
|
|
I want to be a UX designer and developer.
|
|
Dedicated to creating human-centred platforms to empathetic solutions to everyday problems. I am
|
|
enthusiastic about learning new things and enjoy exploring solutions to improve my quality of life.
|
|
</p>
|
|
<div class="col-sm-4 icon-location">
|
|
<div class="col-md-3 ">
|
|
<img src="./intro_asset/icon.jpg" class="icon" alt="Responsive image">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-sm-4">
|
|
<img src="./intro_asset/Frame 57.png" class="intro-box" alt="Responsive image">
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container-fluid">
|
|
<h3 class="other-things">
|
|
Other things I enjoy:
|
|
</h3>
|
|
<div class="row spacing">
|
|
<div class="col-lg-2">
|
|
<div class="hobbies-box">
|
|
<div class="photo-box">
|
|
<img class="photos" src="./intro_asset/food.JPG" alt="Responsive image">
|
|
</div>
|
|
<div>
|
|
<div class="description-box">
|
|
<p class="description">
|
|
Foodie
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-2">
|
|
<div class="hobbies-box">
|
|
<div class="photo-box">
|
|
<img class="photos" src="./intro_asset/ceramic.JPG" alt="Responsive image">
|
|
</div>
|
|
<div>
|
|
<div class="description-box">
|
|
<p class="description">
|
|
Ceramic
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-2">
|
|
<div class="hobbies-box">
|
|
<div class="photo-box">
|
|
<img class="photos" src="./intro_asset/cat.jpeg" alt="Responsive image">
|
|
</div>
|
|
<div>
|
|
<div class="description-box">
|
|
<p class="description">
|
|
Photography
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-2">
|
|
<div class="hobbies-box">
|
|
<div class="photo-box">
|
|
<img class="photos" src="./intro_asset/makeup.JPG" alt="Responsive image">
|
|
</div>
|
|
<div>
|
|
<div class="description-box">
|
|
<p class="description">
|
|
Makeup
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<a href="GOL.html">
|
|
<div class="the-button">
|
|
<button id="go" role="button" onclick=""location.href=' '>Go to the game!</button>
|
|
</div>
|
|
</a>
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
|
|
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
|
|
crossorigin="anonymous"></script>
|
|
</body>
|
|
|
|
</html> |