Skip to content

done #2

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
IQRA-ABDI wants to merge 1 commit into
base: main
Choose a base branch
from
Open

done #2

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
30 changes: 15 additions & 15 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,12 +16,12 @@
<div class="container">
<header>
<nav>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#" class="one"></a>
<a href="#" class="two"></a>
<a href="#" class="three"></a>
<a href="#" class="four"></a>
<a href="#" class="five"></a>
<a href="#" class="six"></a>
</nav>

<img id="logo-img" class="logo" src="" alt="Great Idea! Company logo.">
Expand All @@ -38,11 +38,11 @@ <h1></h1>
<section class="main-content">

<div class="top-content">
<div class="text-content">
<div class="text-content1">
<h4></h4>
<p></p>
</div>
<div class="text-content">
<div class="text-content2">
<h4></h4>
<p></p>
</div>
Expand All @@ -51,15 +51,15 @@ <h4></h4>
<img class="middle-img" id="middle-img" src="" alt="Image of code snippets across the screen">

<div class="bottom-content">
<div class="text-content">
<div class="text-content3">
<h4></h4>
<p></p>
</div>
<div class="text-content">
<div class="text-content4">
<h4></h4>
<p></p>
</div>
<div class="text-content">
<div class="text-content5">
<h4></h4>
<p></p>
</div>
Expand All @@ -71,11 +71,11 @@ <h4></h4>

<h4></h4>

<p></p>
<p class="p1"></p>

<p></p>
<p class="p2"></p>

<p></p>
<p class="p3"></p>

</section>

Expand All @@ -87,4 +87,4 @@ <h4></h4>
<script src="js/index.js"></script>
</body>

</html>
</html>
72 changes: 71 additions & 1 deletion js/index.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -39,4 +39,74 @@ const siteContent = {

// Example: Update the img src for the logo
let logo = document.getElementById("logo-img");
logo.setAttribute('src', siteContent["nav"]["img-src"])
logo.setAttribute('src', siteContent["nav"]["img-src"])
const nav1=document.querySelector("nav .one")
nav1.textContent=siteContent["nav"]["nav-item-1"]
const nav2=document.querySelector("nav .two")
nav2.textContent=siteContent["nav"]["nav-item-2"]
const nav3=document.querySelector("nav .three")
nav3.textContent=siteContent["nav"]["nav-item-3"]
const nav4=document.querySelector("nav .four")
nav4.textContent=siteContent["nav"]["nav-item-4"]
const nav5=document.querySelector("nav .five")
nav5.textContent=siteContent["nav"]["nav-item-5"]
const nav6=document.querySelector("nav .six")
nav6.textContent=siteContent["nav"]["nav-item-6"]

const BigTitle=document.querySelector(".cta-text h1")
BigTitle.textContent = siteContent["cta"]["h1"]

const BigImage=document.querySelector("#cta-img")
BigImage.src=siteContent['cta']["img-src"]

const BigButton=document.querySelector(".cta-text button")
BigButton.textContent = siteContent["cta"]["button"]

const SecondImage=document.querySelector("#middle-img")
SecondImage.src=siteContent["main-content"]["middle-img-src"]

const FeaturesTitle=document.querySelector(".text-content1 h4")
FeaturesTitle.textContent = siteContent["main-content"]["features-h4"]

const FeaturesContent=document.querySelector(".text-content1 p")
FeaturesContent.textContent = siteContent["main-content"]["features-content"]

const AboutTitle=document.querySelector(".text-content2 h4")
AboutTitle.textContent = siteContent["main-content"]["about-h4"]

const AboutContent=document.querySelector(".text-content2 p")
AboutContent.textContent = siteContent["main-content"]["about-content"]

const ServicesTitle=document.querySelector(".text-content3 h4")
ServicesTitle.textContent = siteContent["main-content"]["services-h4"]

const serviceContent=document.querySelector(".text-content3 p")
serviceContent.textContent = siteContent["main-content"]["services-content"]

const ProductTitle=document.querySelector(".text-content4 h4")
ProductTitle.textContent = siteContent["main-content"]["product-h4"]

const ProductContent=document.querySelector(".text-content4 p")
ProductContent.textContent = siteContent["main-content"]["product-content"]

const VisionTitle=document.querySelector(".text-content5 h4")
VisionTitle.textContent = siteContent["main-content"]["vision-h4"]

const visionContent=document.querySelector(".text-content5 p")
visionContent.textContent = siteContent["main-content"]["vision-content"]

const ContactTitle=document.querySelector(".contact h4")
ContactTitle.textContent=siteContent["contact"]["contact-h4"]

const ContactAddress=document.querySelector(".contact .p1")
ContactAddress.textContent=siteContent["contact"]["address"]

const ContactPhone=document.querySelector(".contact .p2")
ContactPhone.textContent=siteContent["contact"]["phone"]

const ContactEmail=document.querySelector(".contact .p3")
ContactEmail.textContent=siteContent["contact"]["email"]


const FooterTitle=document.querySelector("footer")
FooterTitle.textContent=siteContent["footer"]["copyright"]