diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 00000000..6f3a2913 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} \ No newline at end of file diff --git a/css/style.css b/css/style.css index 75e9841e..b97ae6e3 100644 --- a/css/style.css +++ b/css/style.css @@ -6,3 +6,76 @@ * for example: General styles, Navigation styles, Hero styles, Footer etc. * */ + *{ + margin: 0%; + padding: 0%; + box-sizing: border-box; + } + body{ + margin: 2% 10%; + background-color:aliceblue; + color: black; + } + + header{ + display: flex; + flex-direction: column; + text-align: left; + margin-bottom: 2%; + } + h1 { + padding-bottom: 1%; + } + nav > ul{ + display: flex; + justify-content: center; + gap: 1%; + list-style: none; + font-weight: bolder; + color: darkblue; + padding-bottom: 2%; + + } + ul:first-child{ + font-style: italic; + } + .summary{ + width: 80%; + margin-bottom: 2%; + } + /* about article */ + +article{ + display: flex; + flex-direction: column; + padding-bottom: 1%; + border-bottom: 1px solid lightgrey; + margin-bottom: 5%; +} + .article-header{ + font-weight:bolder; + font-style: italic; + margin-bottom: 2%; + } + .article-image{ + width: 80%; + height: 40vh; + margin-bottom: 2%; + } + a{ + color: blue; + } + + /* footer */ + footer{ + display: flex; + flex-direction: column; + text-align: center; + margin-top: 2%; + } +footer> p:last-child{ + font-size: 0.75em; + font-style: italic; +} + + diff --git a/index.html b/index.html index 67dfc7f5..2fbf0283 100644 --- a/index.html +++ b/index.html @@ -1,22 +1,118 @@ - - - - My Blog - - - - - - - - - + + + + + Hi there, it's Adiba! + + + + + + + + +
+
+ +

A Mum & Ex-Investment Bank Analyst who has turned Software Developer

+ + +

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi distinctio reprehenderit + architecto porro! Aliquam similique totam, odio quo libero laboriosam excepturi eos, nostrum, vero sapiente + placeat quaerat quibusdam fuga et incidunt delectus distinctio? Rem, consequuntur quaerat quos porro beatae + tempore sint? Harum tenetur adipisci eos deleniti mollitia accusantium labore consectetur? Lorem ipsum dolor sit + amet consectetur adipisicing elit. Dolores sit dignissimos magni, atque nostrum modi quisquam cupiditate tempore + enim. Error, praesentium nulla? Placeat modi exercitationem, obcaecati dolores vero molestiae sapiente.

+
+ +
+ + +
+
+

Adiba's Dine

+
+
+ natural-beauty +
+
+

I like to cook dishes. From my childhood, I have seen my family arrange feasts very often. + My mom used to spend long hours in the kitchen making the preparation & we siblings were used to it. But + rarely did I participate in the cooking process even though I grew up by that time. After my marriage, my + first journey into the kitchen started, especially when my kid was born. To feed my family I cook at least ¾ + times a week. Sometimes more than that. So it has become a habit (in my subconscious mind). After some days I + realized that cooking has become my passion. I like to cook different dishes and arrange feasts for my + friends, relatives & neighbors. Then thought, I should keep a memory (photos) of my dishes (which will be a + good memory in my older age. hahaha)& also started writing recipes in the diary so I can not only re-use them + but also will pass them to the next generation. That's how I started my journey towards my passion COOKING. I + have created a photo album “Adiba’s Dine” on my social media page where I post photos of my dishes. Soon I + will start writing a blog that will contain tips & tricks on cooking & definitely recipes.

+ "Welcome to Adiba’s Dine- “ Always + Open for Everyone " +
+
+ + +
+
+ + +

Mommy, Where we are going today!!

+
+
+ natural-beauty + +
+

+ I like to go for a walk with my kid. So each week pretty much every day I along with my kid go outside to + enjoy walking & playing. Here, the most challenging is finding out a good park or play area. Of course, my kid + isn't willing to go to the same place every day. So I keep my eye on social media to look for places that are + enjoyable & new. + Below is a link to a social page where people shares their & children's facility experiences with different + park & places. +

+ Where we are going today!! +
+ +
+

Hello Mommy!!!

+ natural-beauty +

Montessori is a method of education that is based on self-directed activity, hands-on + learning and collaborative play. In Montessori classrooms children make creative choices in their learning, + while the classroom and the highly trained teacher offer age-appropriate activities to guide the process.

+ “The Montessori Toddler” +
+
+ + + + + + + + +
+ + + \ No newline at end of file