-
Notifications
You must be signed in to change notification settings - Fork 0
/
home.html
113 lines (91 loc) · 4.92 KB
/
home.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
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
<!DOCTYPE Html>
<html lang="en">
<head>
<link rel="stylesheet" type="text/css" href="vendors/css/normalize.css">
<link rel="stylesheet" type="text/css" href="vendors/css/Grid.css">
<link rel="stylesheet" type="text/css" href="Resources/css/style.css">
<link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;1,300&display=swap" rel="stylesheet" type="text/css">
<title>My website</title>
</head>
<body>
<header> <!--Works like a usual div element, it is a container to put some contents-->
<nav>
<div class="row">
<img src="resources/img/JY.jpg" class="logo" alt="">
<ul class="main-nav">
<li>
<a href="#">Home</a>
</li>
<li>
<a href="#">Skills</a>
</li>
<li>
<a href="#">Contacts</a>
</li>
<li>
<a href="#">About Me</a>
</li>
</ul>
</div>
</nav>
<div class="hero-text-box">
<h1><strong>Hi There!</strong> <br> Here we go for a new adventure...</h1>
<a class="btn btn-full" href="#">I am hungry</a> <!--takes us to the sign up botton-->
<a class="btn btn-ghost" href="#">Show me more</a> <!--Takes us to the next section-->
</div>
</header>
<section class="section-features">
<div class="row">
<br><h2>About Me </h2> <br><!-- &mdash is an entity in html-->
<p class="long-copy">Hello! I am Steeve Ntumwa, a junior developer
willing to learn more about web development.
<br> The journey is still starting but I am hoping
to make it through and enjoy it to the fullest someday!
<br> As I am learning Application Programming for the Internet
I want to take advantage of the knowledge <br> I will gain to
Create a website for my Startup Business called
Just Yummy with main activity Making <br> Sausages with different
meat types according to the customer need.
</p>
</div>
<div class="row">
<div class="col span-1-of-4">
<ion-icon name="ellipsis-horizontal-circle-outline"></ion-icon>
<h3>Subscription</h3><br>
<p>You are in the right place! we really mean that. For subscription plans, note that you can subcribe for more tha
</p>
</div>
<div class="col span-1-of-4">
<ion-icon name="time-outline"></ion-icon>
<h3>Order 24 hours earlier</h3><br>
<p>You are only twenty-four hours from your delicious and super healthy meals delivered right to your home if not in town.
Currently, we are only located in Nairobi and work with experienced chefs to ensure that you are 100% happy of your
meal.
</p>
</div>
<div class="col span-1-of-4">
<ion-icon name="checkbox-outline"></ion-icon>
<h3>100% natural</h3><br>
<p> Our products are fresh and well cooked, we always insure that there is no addition chemicals or spices in order to
maintain the quality and taste of our product which is your meal.
</p>
</div>
<div class="col span-1-of-4">
<ion-icon name="cart-outline"></ion-icon>
<h3>Order anything</h3><br>
<p>Hey there! Did you know that we don't limit your creativity, meaning
you can always try different menus and feel the incomparable taste and flavor of each individual menu.
JY for you
</p>
</div>
</div>
</section>
</footer>
<footer class="footer">
<!--insert your own here-->
<a href="mailto:bulonza.ntumwa@strathmore.edu" class="footer_link">Send an Email for more Information</a><br><br>
<h3>© 2021 Copyright Steeve Ntumwa. All rights reserved</h3>
</footer>
<script src="https://unpkg.com/ionicons@5.4.0/dist/ionicons.js"></script> <!--Enabling the icons from ionicons-->
</body>
</html>