-
Notifications
You must be signed in to change notification settings - Fork 0
/
portfolio-item3.html
84 lines (67 loc) · 3.32 KB
/
portfolio-item3.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.css">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dev Gurpreet Kaur</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.css"
integrity="sha256-46qynGAkLSFpVbEBog43gvNhfrOj+BmwXdxFgVK/Kvc=" crossorigin="anonymous" />
<!-- Update these with your own fonts -->
<link href="https://fonts.googleapis.com/css?family=Lora:400,700|Roboto+Slab:400,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header>
<div class="logo">
<DevGurpreet>
</div>
<button class="nav-toggle" aria-label="toggle navigation">
<span class="hamburger"></span>
</button>
<nav class="nav">
<ul class="nav__list">
<li class="nav__item"><a href="index.html" class="nav__link">Home</a></li>
<li class="nav__item"><a href="index.html#services" class="nav__link">My Services</a></li>
<li class="nav__item"><a href="index.html#about" class="nav__link">About me</a></li>
<li class="nav__item"><a href="index.html#work" class="nav__link">My Work</a></li>
</ul>
</nav>
</header>
<section class="intro">
<h1 class="section__title section__title--intro">
Welcome <strong> to Tenzies Game</strong>
</h1>
<p class="section__subtitle section__subtitle--intro">A React App</p>
<img src="img/tenzies1.png" alt="" class="intro__img">
</section>
<div class="portfolio-item-individual">
<p>This is a fun app built with React.Js. It renders 10 random dice on screen on loading and lets user roll dice again and again until all dice are identical.
After winning the game, it shows the number of rolls made by user.
And it also gives the option to restart the game.
</p>
<!-- <img src="img/book2.png" alt=""> -->
<iframe style="width: 100%; height: 35em;" src="https://gurpreetkaur-tenzies-game.netlify.app/"></iframe>
<div class="portfolio-item-details">
<div style="text-align:center" class="section__subtitle section__subtitle--intro">Technologies used</div><br>
<button>HTML</button><button>CSS</button><button>Javascript</button>
<br/><button>JSX</button><button>React</button><button>State & Props</button>
</div>
</div>
<!-- Footer -->
<footer class="footer">
<!-- replace with your own email address -->
<a href="https://gurpreetkaur-tenzies-game.netlify.app/" target="_blank" class="footer__link">Check Live Site</a>
<ul class="social-list">
<li class="social-list__item">
<a class="social-list__link" target="_blank" href="https://github.com/preetguraya/react-tenzies-game">
<i class="fab fa-github"></i>
Check Code
</a>
</li>
</ul>
</footer>
<script src="js/index.js"></script>
</body>
</html>