diff --git a/css/style.css b/css/style.css index d316d37..a3a9189 100644 --- a/css/style.css +++ b/css/style.css @@ -6,3 +6,79 @@ * for example: General styles, Navigation styles, Contanier styles, Footer etc. * */ + +* { + margin: 0; + padding: 0; +} + +.container { + width: 70%; + margin: auto; +} +.navbar { + display: flexbox; + background-color: grey; + border-radius: 20px; + margin-top: 15px; +} +ul { + list-style: none; + float: right; +} +li { +} +li a { + display: ; + text-decoration: none; + padding: 15px; +} +.logo { + width: 30%; + height: 50%; +} + +header { + background-color: cadetblue; + border-radius: 20px; +} +p { + padding: 10px; +} + +h1 { + text-align: center; + margin: 15px; +} + +h3 { + padding-top: 10px; +} + +.image { + width: 200px; + height: 300px; + display: flexbox; + margin: 15px 20px; + border-radius: 20px; + cursor: pointer; +} + +article { + margin: 30px 20px; +} + +.article2 { + margin-top: 90px; +} +footer { + margin: 15px 10px; + text-align: center; + background-color: brown; + border-radius: 20px; +} + +.content { + background-color: aqua; + border-radius: 20px; +} diff --git a/images/icon.jpg b/images/icon.jpg new file mode 100644 index 0000000..d8ff9a8 Binary files /dev/null and b/images/icon.jpg differ diff --git a/images/ucraft.png b/images/ucraft.png new file mode 100644 index 0000000..53789d4 Binary files /dev/null and b/images/ucraft.png differ diff --git a/index.html b/index.html index d8e8e09..646aad7 100644 --- a/index.html +++ b/index.html @@ -7,12 +7,70 @@ content="width=device-width, initial-scale=1, shrink-to-fit=no" /> My Blog - + +
+ +
+

Name of the blog

+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Rerum, + cupiditate atque. Delectus doloribus recusandae placeat repudiandae ad + id sit et, in, porro eum, iure animi molestiae perspiciatis voluptas + nobis illum esse voluptate ut! Saepe esse ducimus neque, suscipit eius + labore! +

+
+
+ +
+

Name of the article

+ + + +

+ Lorem ipsum dolor, sit amet consectetur adipisicing elit. Atque ut + aut asperiores sit perferendis necessitatibus ratione, dolorem nisi + deleniti placeat optio. Pariatur ratione ad illum aliquid itaque + eligendi sequi, debitis dignissimos, expedita natus corrupti, + suscipit tenetur alias ut dolorem reprehenderit repudiandae + doloremque incidunt explicabo tempora temporibus? Quo corporis + quidem hic. +

+
+ +
+

Name of the article

+ + + +

+ Lorem ipsum dolor sit, amet consectetur adipisicing elit. Autem + adipisci omnis vero molestiae aliquam mollitia quibusdam totam + quaerat esse suscipit unde, consectetur voluptas, alias ipsam + cupiditate reprehenderit iusto porro? Possimus error, quo, + perspiciatis repudiandae sint recusandae quia rem dicta minima in + laudantium suscipit nam? Maiores repellat nesciunt recusandae animi + suscipit? +

+
+
+ +