forked from NateWr/html-css-project
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhw.html
132 lines (126 loc) · 6.54 KB
/
hw.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
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<link rel="stylesheet" href="./css/style.css" />
<title>Buchra-projec</title>
</head>
<body>
<main class=" container my-main-container ">
<h1>
Bringing up Children<hr>
<small class="text-muted">is the most important job you’ll ever have</small>
</h1>
<section class="row justify-content-around ">
<div class="col-md-3 ">
<div class="card container1 mx-auto" style="width: 16rem;">
<img src="https://idevelopcourses.com/wp-content/uploads/2016/08/All-children-are-special.png"
class="card-img-top" alt="our valuable children" />
<div class="card-body">
<h5 class="card-title">The Hard Mission</h5>
<p class="card-text">Bringing up children is the most important job you’ll ever have.
Children need to know you are interested in them and want to spend
time with them.they are our precious tresure,they deserve our care and love.We have to make them all happy and creative.</p>
<a href="#" class="btn btn-primary">More Information</a>
</div>
</div>
</div>
<div class="col-md-3">
<div class="card container1 mx-auto" style="width: 16rem;">
<img src="https://media.socastsrm.com/wordpress/wp-content/blogs.dir/1050/files/2018/07/iStock-909680806.jpg"
class="card-img-top" alt="our valuable children" />
<div class="card-body">
<h5 class="card-title">Do Not Be Angry</h5>
<p class="card-text">Try to avoid arguing or being angry in front of your child or
letting them play you off against each other. When you disagree,
explain why and tell them how you’ve compromised.This is the best way to solve the confliction, beleive me it works!</p>
<a href="#" class="btn btn-primary">More Information</a>
</div>
</div>
</div>
<div class="col-md-3">
<div class="card container1 mx-auto" style="width: 16rem;">
<img src="https://cdn.lifehack.org/wp-content/uploads/2015/06/Signs-Father-Best-Friend.jpg"
class="card-img-top" alt="our valuable children" />
<div class="card-body">
<h5 class="card-title">Their Best Freind</h5>
<p class="card-text">TIt is important for you to know who their teacher is, who their
friends are, their interests and to recognise when they are behaving
differently. If you know your child well you will see if they are
upset, worried or unwell and know how to support them.!</p>
<a href="#" class="btn btn-primary">More Information</a>
</div>
</div>
</div>
<div class="col-md-3">
<div class="list-group container1 mx-auto">
<a href="#" class="list-group-item list-group-item-action active">
How to bring your child up
</a>
<a href="#" class="list-group-item list-group-item-action">Some useful websites</a>
<a href="#" class="list-group-item list-group-item-action">Ask an expert</a>
<a href="#" class="list-group-item list-group-item-action">Surveys</a>
<a href="#" class="list-group-item list-group-item-action disabled" tabindex="-1" aria-disabled="true">coming soon</a>
</div>
</div>
</section>
<h3>Children need to know you are interested in them and want to spend
time with them</h3>
<p class="lead">
Being interested means you spend time playing lego, dressing dolls,
bowling cricket balls, playing board games, baking a cake, reading
the school newsletter, listening to a detailed account of how a
sporting match or dancing class went, learning how the latest bit of
technology works or listening to their current favourite song –
you’ll often have fun, learn a lot, and it helps keep you young and
connected to them.
</p>
<h3>Some important things to keep in mind</h3>
<ul>
<li><span>you</span> are the most significant role model in their
lives.</li>
<li>
<span>Children</span> need consistency, routines and boundaries.
</li>
<li>
<span>Children</span> are individuals – what works for one child,
may not work for the other children.
</li>
<li><span>Children</span> need limits and choices.</li>
<li><span>Children</span> need you to mean what you say.</li>
<li>Talk to your <span>Children</span>.</li>
<li>Be fair and honest.</li>
</ul>
<section class="container2 mx-auto">
<div class="row no-gutters bg-light position-relative">
<div class="col-md-6 mb-md-0 p-md-4 ">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcRRjy5bxMfvXjPbRWFQcvbm0NbCQUkLkmDrwFKNqgSUAP3tHuE1&usqp=CAU" class="w-100 img-width" alt="our treasure">
</div>
<div class="col-md-6 position-static p-4 pl-md-0">
<h5 class="mt-0">Relationship advice</h5>
<p>If you have time, you should read more about Parenting and
relationships</p>
<a href="https://www.relationships.org.au/relationship-advice/relationship-advice-sheets/parenting-and-relationships-1/bringing-up-children-is-the-most-important-job-you2019ll-ever-have-but-it2019s-hard-work" class="stretched-link"></a>
</div>
</div>
</section>
<blockquote class="blockquote text-center">
<p class="mb-0"> The views or opinions expressed in this information are general in
nature and do not constitute professional advice. You may benefit from
professional help to deal with individual and complex issues.</p>
<footer class="blockquote-footer">Someone famous in <cite title="Source Title">Source Title</cite></footer>
</blockquote>
</main>
<footer class="text-center">
<hr />
<p>
Written and coded by
<a href="https://github.com/Buchraatkeh1984" target="_blank"
>Buchra Atkeh</a
>.
</p>
</footer>
</body>
</html>