update,
This commit is contained in:
135
_resources/_ref/GOLproject/GOL-page.html
Normal file
135
_resources/_ref/GOLproject/GOL-page.html
Normal file
@@ -0,0 +1,135 @@
|
||||
<!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>
|
Reference in New Issue
Block a user