diff --git a/practice/practice-01/src/assets/images/security.png b/practice/practice-01/src/assets/images/security.png new file mode 100644 index 0000000..34bcec9 Binary files /dev/null and b/practice/practice-01/src/assets/images/security.png differ diff --git a/practice/practice-01/src/index.html b/practice/practice-01/src/index.html index d575bb8..24fd6f5 100644 --- a/practice/practice-01/src/index.html +++ b/practice/practice-01/src/index.html @@ -113,5 +113,30 @@ + + +
+
+ +
+

+ Lorem ipsum dolor sit amet consectetur +

+

+ Lorem ipsum, dolor sit amet consectetur adipisicing elit. Suscipit + nemo hic quos, ab, dolor aperiam nobis cum est eos error ipsum, + voluptate culpa nesciunt delectus iste? +

+ Learn More +
+ + + Image Security +
+
diff --git a/practice/practice-01/src/style/main.css b/practice/practice-01/src/style/main.css index e7eb052..f8bbc98 100644 --- a/practice/practice-01/src/style/main.css +++ b/practice/practice-01/src/style/main.css @@ -199,3 +199,31 @@ font-family: var(--ff-primary-regular); line-height: 125%; } + +/* Security section */ +.security__container { + width: var(--width); + margin: 60px auto; + display: flex; + justify-content: space-between; + align-items: center; +} + +.security__content { + width: 470px; + display: flex; + flex-direction: column; + gap: 16px; +} + +.security__heading { + font-size: var(--fs-lg); + font-family: var(--ff-secondary-bold); + line-height: 125%; +} + +.security__description { + font-size: 15px; + font-family: var(--ff-primary-regular); + line-height: 125%; +}