+
+
+
+
+
diff --git a/src/api/manage.js b/src/api/manage.js
new file mode 100644
index 0000000..b521fb4
--- /dev/null
+++ b/src/api/manage.js
@@ -0,0 +1,186 @@
+import request from "../utils/request.js";
+
+/**
+ * restFul GET API
+ * @param {string} url request address
+ * @param {any} params query Params
+ * @param {any} data other request header params
+ * @return {Promise}
+ */
+export const getAction = ({url, params, ...data})=>{
+ return request({
+ url,
+ method: 'get',
+ params,
+ ...data
+ })
+}
+
+/**
+ * restFul GET API
+ * @param {string} url request address
+ * @param {any} body request body
+ * @param {any} data other request header params
+ * @return {Promise}
+ */
+export const postAction = ({url, body, ...data})=>{
+ return request({
+ url,
+ method: 'get',
+ data: body,
+ ...data
+ })
+}
+
+
+/**
+ * get nav list
+ */
+export const getNavData = ()=>{
+ return request({
+ url: '/index/getNav',
+ method:'get',
+ })
+}
+/**
+ * get nav list
+ */
+export const getNavInfoApi = (params)=>{
+ return request({
+ url: '/index/getNavInfo',
+ method: 'get',
+ params,
+ })
+}
+
+/**
+ *
+ */
+export const getHackathonApi = (data)=>{
+ return request({
+ url: '/hackathon/getHackathon',
+ method: 'post',
+ data,
+ headers:{
+ "Content-Type": 'multipart/form-data'
+ }
+ })
+}
+
+export const clickMediaApi = (data)=>{
+ return request({
+ url: '/media/clickMedia',
+ method: 'post',
+ data,
+ headers: {
+ "Content-Type": 'multipart/form-data'
+ }
+ })
+}
+
+export const getMediaApi = (data)=>{
+ return request({
+ url: '/media/getMedia',
+ method: 'post',
+ data,
+ headers: {
+ "Content-Type": 'multipart/form-data'
+ }
+ })
+}
+
+export const getPortfolioApi = (data)=>{
+ return request({
+ url: '/portfolio/getPortfolio',
+ method: 'post',
+ data,
+ headers:{
+ "Content-Type": 'multipart/form-data'
+ }
+ })
+}
+
+export const clickNewsApi = (data)=>{
+ return request({
+ url: '/news/clickNews',
+ method: 'post',
+ data,
+ headers:{
+ "Content-Type": 'multipart/form-data'
+ }
+ })
+}
+export const getNewsApi = (data)=>{
+ return request({
+ url: '/news/getNews',
+ method: 'post',
+ data,
+ headers:{
+ "Content-Type": 'multipart/form-data'
+ }
+ })
+}
+
+export const subscribedApi = (data)=>{
+ return request({
+ url: '/newsletter/subscribed',
+ method: 'post',
+ data,
+ headers:{
+ "Content-Type": 'multipart/form-data'
+ }
+ })
+}
+
+export const getTeamApi = (data)=>{
+ return request({
+ url: '/team/getTeam',
+ method: 'post',
+ data,
+ headers:{
+ "Content-Type": 'multipart/form-data'
+ }
+ })
+}
+export const getConfigApi = (data)=>{
+ return request({
+ url: '/index/getConfig',
+ method: 'post',
+ data,
+ headers:{
+ "Content-Type": 'multipart/form-data'
+ }
+ })
+}
+
+export const getPageApi = (data)=>{
+ return request({
+ url: '/page/getPage',
+ method: 'post',
+ data,
+ headers:{
+ "Content-Type": 'multipart/form-data'
+ }
+ })
+}
+
+export const clickHackathon = (data)=>{
+ return request({
+ url: '/hackathon/clickHackathon',
+ method: 'post',
+ data,
+ headers: {
+ "Content-Type": 'multipart/form-data'
+ }
+ })
+}
+export const clickPortfolio = (data)=>{
+ return request({
+ url: '/portfolio/clickPortfolio',
+ method: 'post',
+ data,
+ headers: {
+ "Content-Type": 'multipart/form-data'
+ }
+ })
+}
diff --git a/src/api/research.js b/src/api/research.js
new file mode 100644
index 0000000..d10018b
--- /dev/null
+++ b/src/api/research.js
@@ -0,0 +1,73 @@
+import request from "../utils/request.js";
+
+/**
+ * get research list
+ * @param params
+ */
+export const getResearchType = (params)=>{
+ return request({
+ url:'/research/getTopic',
+ method: 'get',
+ params,
+ })
+}
+export const getResearchAuthorApi = ()=>{
+ return request({
+ url:'/research/getAuthor',
+ method: 'post',
+ })
+}
+/**
+ * get research list
+ * @param params
+ * @return {*}
+ */
+export const getResearch = (params)=>{
+ return request({
+ url: '/research/getResearch',
+ method: 'post',
+ data: params,
+ headers:{
+ "Content-Type": 'multipart/form-data'
+ }
+ })
+}
+
+/**
+ *
+ */
+export const getArticleDetail = (articleId)=>{
+ return request({
+ url: '/research/viewResearch',
+ method: 'post',
+ data: {
+ research_id: articleId
+ },
+ headers:{
+ "Content-Type": 'multipart/form-data'
+ }
+ })
+}
+
+
+export const searchTitleApi = (data)=>{
+ return request({
+ url: '/research/searchTitle',
+ method: 'post',
+ data,
+ headers: {
+ "Content-Type": 'multipart/form-data'
+ }
+ })
+}
+
+export const recommendResearchApi = (data)=>{
+ return request({
+ url: '/research/recommendResearch',
+ method: 'post',
+ data,
+ headers: {
+ "Content-Type": 'multipart/form-data'
+ }
+ })
+}
diff --git a/src/assets/datas/Datas.js b/src/assets/datas/Datas.js
new file mode 100644
index 0000000..bc6b22e
--- /dev/null
+++ b/src/assets/datas/Datas.js
@@ -0,0 +1,266 @@
+export const researchData = [
+ {
+ id: 1,
+ img: '/images/article_1.png',
+ author: 'Joseph Bonneau',
+ date: 'Aug.4',
+ title: 'Why blockchain performance is hard to measure',
+ content:
+ 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi eget purus et lacus sollicitudin pharetra. Praesent placerat tempus metus, vehicula aliquet metus. Mauris Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi eget purus et lacus sollicitudin pharetra. Praesent placerat tempus metus, vehicula aliquet metus. Mauris Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi eget purus et lacus sollicitudin pharetra. Praesent placerat tempus metus, vehicula aliquet metus. Mauris'
+ },
+ {
+ id: 2,
+ img: '/images/article_1.png',
+ author: 'Joseph Bonneau',
+ date: 'Aug.4',
+ title: 'Investing Ready Player Me',
+ content:
+ ' Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi eget purus et lacus sollicitudin pharetra. Praesent placerat tempus metus, vehicula aliquet metus. Mauris'
+ },
+ {
+ id: 3,
+ img: '/images/article_1.png',
+ author: 'Joseph Bonneau',
+ date: 'Aug.4',
+ title: 'Ben Horowitz on how the best leaders build',
+ content:
+ ' Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi eget purus et lacus sollicitudin pharetra. Praesent placerat tempus metus, vehicula aliquet metus. Mauris'
+ },
+ {
+ id: 4,
+ img: '/images/article_1.png',
+ author: 'Joseph Bonneau',
+ date: 'Aug.4',
+ title: 'The strategic approach to building a board',
+ content:
+ ' Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi eget purus et lacus sollicitudin pharetra. Praesent placerat tempus metus, vehicula aliquet metus. Mauris'
+ }
+];
+
+export const newsData = [
+ {
+ id: 1,
+ img: '/images/News/Group 2402.jpg',
+ date: 'Aug.4',
+ title: 'BitCoin2022-Yield App',
+ content:
+ 'The healthy development of Gamefi tokenomics must satisfy to attract the input of external assets and diversified non-monetary…'
+ },
+ {
+ id: 2,
+ img: '/images/News/image 4.jpg',
+ date: 'Aug.4 2022',
+ title: 'BitCoin2022-Yield App',
+ content:
+ 'The healthy development of Gamefi tokenomics must satisfy to attract the input of external assets and diversified non-monetary…'
+ },
+ {
+ id: 3,
+ img: '/images/News/Group 2402.jpg',
+ date: 'Aug.4 2022',
+ title: 'BitCoin2022-Yield App',
+ content:
+ 'The healthy development of Gamefi tokenomics must satisfy to attract the input of external assets and diversified non-monetary…'
+ },
+ {
+ id: 4,
+ img: '/images/News/image 4.jpg',
+ date: 'Aug.4 2022',
+ title: 'BitCoin2022-Yield App',
+ content:
+ 'The healthy development of Gamefi tokenomics must satisfy to attract the input of external assets and diversified non-monetary…'
+ },
+ {
+ id: 5,
+ img: '/images/News/image 4.jpg',
+ date: 'Aug.4 2022',
+ title: 'BitCoin2022-Yield App',
+ content:
+ 'The healthy development of Gamefi tokenomics must satisfy to attract the input of external assets and diversified non-monetary…'
+ },
+ {
+ id: 6,
+ img: '/images/News/Group 2402.jpg',
+ date: 'Aug.4 2022',
+ title: 'BitCoin2022-Yield App',
+ content:
+ 'The healthy development of Gamefi tokenomics must satisfy to attract the input of external assets and diversified non-monetary…'
+ },
+ {
+ id: 7,
+ img: '/images/News/image 4.jpg',
+ date: 'Aug.4 2022',
+ title: 'BitCoin2022-Yield App',
+ content:
+ 'The healthy development of Gamefi tokenomics must satisfy to attract the input of external assets and diversified non-monetary…'
+ },
+ {
+ id: 8,
+ img: '/images/News/Group 2402.jpg',
+ date: 'Aug.4 2022',
+ title: 'BitCoin2022-Yield App',
+ content:
+ 'The healthy development of Gamefi tokenomics must satisfy to attract the input of external assets and diversified non-monetary…'
+ }, {
+ id: 9,
+ img: '/images/News/Group 2402.jpg',
+ date: 'Aug.4 2022',
+ title: 'BitCoin2022-Yield App',
+ content:
+ 'The healthy development of Gamefi tokenomics must satisfy to attract the input of external assets and diversified non-monetary…'
+ },
+ {
+ id: 10,
+ img: '/images/News/image 4.jpg',
+ date: 'Aug.4 2022',
+ title: 'BitCoin2022-Yield App',
+ content:
+ 'The healthy development of Gamefi tokenomics must satisfy to attract the input of external assets and diversified non-monetary…'
+ },
+ {
+ id: 11,
+ img: '/images/News/image 4.jpg',
+ date: 'Aug.4 2022',
+ title: 'BitCoin2022-Yield App',
+ content:
+ 'The healthy development of Gamefi tokenomics must satisfy to attract the input of external assets and diversified non-monetary…'
+ },
+ {
+ id: 12,
+ img: '/images/News/Group 2402.jpg',
+ date: 'Aug.4 2022',
+ title: 'BitCoin2022-Yield App',
+ content:
+ 'The healthy development of Gamefi tokenomics must satisfy to attract the input of external assets and diversified non-monetary…'
+ },
+ {
+ id: 13,
+ img: '/images/News/Group 2402.jpg',
+ date: 'Aug.4 2022',
+ title: 'BitCoin2022-Yield App',
+ content:
+ 'The healthy development of Gamefi tokenomics must satisfy to attract the input of external assets and diversified non-monetary…'
+ },
+ {
+ id: 14,
+ img: '/images/News/image 3.jpg',
+ date: 'Aug.4 2022',
+ title: 'BitCoin2022-Yield App',
+ content:
+ 'The healthy development of Gamefi tokenomics must satisfy to attract the input of external assets and diversified non-monetary…'
+ },
+ {
+ id: 15,
+ img: '/images/News/Group 2402.jpg',
+ date: 'Aug.4 2022',
+ title: 'BitCoin2022-Yield App',
+ content:
+ 'The healthy development of Gamefi tokenomics must satisfy to attract the input of external assets and diversified non-monetary…'
+ },
+ {
+ id: 16,
+ img: '/images/News/image 3.jpg',
+ date: 'Aug.4 2022',
+ title: 'BitCoin2022-Yield App',
+ content:
+ 'The healthy development of Gamefi tokenomics must satisfy to attract the input of external assets and diversified non-monetary…'
+ },
+ {
+ id: 17,
+ img: '/images/News/image 4.jpg',
+ date: 'Aug.4 2022',
+ title: 'BitCoin2022-Yield App',
+ content:
+ 'The healthy development of Gamefi tokenomics must satisfy to attract the input of external assets and diversified non-monetary…'
+ },
+ {
+ id: 18,
+ img: '/images/News/Group 2402.jpg',
+ date: 'Aug.4 2022',
+ title: 'BitCoin2022-Yield App',
+ content:
+ 'The healthy development of Gamefi tokenomics must satisfy to attract the input of external assets and diversified non-monetary…'
+ },
+
+]
+
+export const hackathonData = [
+ {
+ id: 0,
+ img: '/images/Hackathon/image1.jpg',
+ date: 'Jun 23 - Jul 18 2022',
+ title: 'Decentralized Governance Hackathon',
+ content: 'This 3 week hackathon is focused on building with the tools needed to scale decentralized governance, DAO treasury operation',
+ status: 1,
+ },
+ {
+ id:1,
+ img: '/images/Hackathon/image2.jpg',
+ date: 'Jun 23 - Jul 18 2022',
+ title: 'Algorand GreenHouse Hack#1',
+ content: 'Algorand has partnered with Gitcoin to bring you the first of the Greenhouse Hacks series. Join us for this 4-part bounty series designed to grow…',
+ status: 1,
+ },
+ {
+ id: 2,
+ img: '/images/Hackathon/image3.jpg',
+ date: 'Jun 23 - Jul 18 2022',
+ title: 'ETH Shanghai Hackathon',
+ content: 'Join us to BUIDL the next generation social applications! In the two-week hackathon, we offer a variety of online workshops, grants,',
+ status: 1,
+ },
+ {
+ id: 3,
+ img: '/images/Hackathon/image4.jpg',
+ date: 'Jun 23 - Jul 18 2022',
+ title: 'L2 Rollathon: a Virtual Hackathon',
+ content: 'We invite you to join us in building the future of Web3, learn from online workshops, open new grants, and if you can, help fund great projects…',
+ status: 2,
+ },
+ {
+ id: 4,
+ img: '/images/Hackathon/image5.jpg',
+ date: 'Jun 23 - Jul 18 2022',
+ title: 'Open Web Foundry',
+ content: 'Arweave is back for their 6th incubation program on Gitcoin.',
+ status: 2,
+ },
+ {
+ id: 5,
+ img: '/images/Hackathon/image6.jpg',
+ date: 'Jun 23 - Jul 18 2022',
+ title: 'Game on! Tezos',
+ content: 'Gaming on Tezos competition - explore the technology of Tezos, and build toys and games that delight, entertain, and help pave the way for',
+ status: 3,
+ }
+]
+export const MediaData = [
+ {
+ id:1,
+ img:'/images/Media/image 51.jpg',
+ name:'Foresight News',
+ describe:'Foresight News, a leading think-tank for transformative crypto media.',
+ url:'foresightnews.pro'
+ },
+ {
+ id:2,
+ img:'/images/Media/image 52.jpg',
+ name:'Coinkolik',
+ describe:'Coinkolik.com is the fastest growing cryptocurrency news site of Turkey!',
+ url:'coinkolik.com'
+ },
+ {
+ id:3,
+ img:'/images/Media/image 53.jpg',
+ name:'BTCHaber',
+ describe:'Turkeys of the expert staffed crypto and blockchain news platform.',
+ url:'btchaber.com'
+ },
+ {
+ id:4,
+ img:'/images/Media/image 54.jpg',
+ name:'Coin Bilgi',
+ describe:'Turkeys cryptocurrency and Blockchain information website.',
+ url:'coinbilgi.net'
+ },
+]
\ No newline at end of file
diff --git a/src/assets/datas/searchResultData.js b/src/assets/datas/searchResultData.js
new file mode 100644
index 0000000..e4b869e
--- /dev/null
+++ b/src/assets/datas/searchResultData.js
@@ -0,0 +1,162 @@
+export const searchResult = [
+ {
+ id: 0,
+ img: '/images/searchResult/article_1.jpg',
+ author: 'Joseph Bonneau',
+ date: 'Aug. 4',
+ title: 'Why blockchain performance is hard to measure',
+ content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi eget purus et lacus sollicitudin pharetra. Praesent placerat tempus metus, vehicula aliquet metus. Mauris non mattis nunc. Etiam ac dolor neque. Praesent dapibus ante id urna tempus vulputate. Fusce eu ultricies lorem, ac convallis mi. Aenean placerat faucibus nisi vitae dignissim. Phasellus finibus aliquet odio, vitae tristique neque sodales eget..'
+ },
+ {
+ id: 1,
+ img: '/images/searchResult/article_2.jpg',
+ author: 'Jonathan Lai',
+ date: 'Jul. 21',
+ title: 'Investing Ready Player Me',
+ content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi eget purus et lacus sollicitudin pharetra. Praesent placerat tempus metus, vehicula aliquet metus. Mauris non mattis nunc. Etiam ac dolor neque. Praesent dapibus ante id urna tempus vulputate. Fusce eu ultricies lorem, ac convallis mi. Aenean placerat faucibus nisi vitae dignissim. Phasellus finibus aliquet odio, vitae tristique neque sodales eget..'
+ },
+ {
+ id: 2,
+ img: '/images/searchResult/article_3.jpg',
+ author: 'Ben Horowitz and David Weiden',
+ date: 'July. 20',
+ title: 'Ben Horowitz on how the best leaders build',
+ content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi eget purus et lacus sollicitudin pharetra. Praesent placerat tempus metus, vehicula aliquet metus. Mauris non mattis nunc. Etiam ac dolor neque. Praesent dapibus ante id urna tempus vulputate. Fusce eu ultricies lorem, ac convallis mi. Aenean placerat faucibus nisi vitae dignissim. Phasellus finibus aliquet odio, vitae tristique neque sodales eget..'
+ },
+ {
+ id: 3,
+ img: '/images/searchResult/article_4.jpg',
+ author: ' Jeff Stump and Shannon Barbour ',
+ date: 'July. 20',
+ title: 'The strategic approach to building a board',
+ content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi eget purus et lacus sollicitudin pharetra. Praesent placerat tempus metus, vehicula aliquet metus. Mauris non mattis nunc. Etiam ac dolor neque. Praesent dapibus ante id urna tempus vulputate. Fusce eu ultricies lorem, ac convallis mi. Aenean placerat faucibus nisi vitae dignissim. Phasellus finibus aliquet odio, vitae tristique neque sodales eget..'
+ },
+ {
+ id: 4,
+ img: '/images/searchResult/article_5.jpg',
+ author: ' Jeff Stump and Shannon Barbour ',
+ date: 'July. 20',
+ title: 'Composability is Decomposing',
+ content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi eget purus et lacus sollicitudin pharetra. Praesent placerat tempus metus, vehicula aliquet metus. Mauris non mattis nunc. Etiam ac dolor neque. Praesent dapibus ante id urna tempus vulputate. Fusce eu ultricies lorem, ac convallis mi. Aenean placerat faucibus nisi vitae dignissim. Phasellus finibus aliquet odio, vitae tristique neque sodales eget..'
+ },
+ {
+ id: 5,
+ img: '/images/searchResult/article_6.jpg',
+ author: ' Jeff Stump and Shannon Barbour ',
+ date: 'July. 20',
+ title: 'Crypto Visions (1997-2022)',
+ content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi eget purus et lacus sollicitudin pharetra. Praesent placerat tempus metus, vehicula aliquet metus. Mauris non mattis nunc. Etiam ac dolor neque. Praesent dapibus ante id urna tempus vulputate. Fusce eu ultricies lorem, ac convallis mi. Aenean placerat faucibus nisi vitae dignissim. Phasellus finibus aliquet odio, vitae tristique neque sodales eget..'
+ },
+ {
+ id: 6,
+ img: '/images/searchResult/article_7.jpg',
+ author: ' Jeff Stump and Shannon Barbour ',
+ date: 'July. 20',
+ title: 'Redefine NFT (Music, 4th-Dimension, Privacy, Interaction)',
+ content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi eget purus et lacus sollicitudin pharetra. Praesent placerat tempus metus, vehicula aliquet metus. Mauris non mattis nunc. Etiam ac dolor neque. Praesent dapibus ante id urna tempus vulputate. Fusce eu ultricies lorem, ac convallis mi. Aenean placerat faucibus nisi vitae dignissim. Phasellus finibus aliquet odio, vitae tristique neque sodales eget..'
+ },
+ {
+ id: 7,
+ img: '/images/searchResult/article_5.jpg',
+ author: ' Jeff Stump and Shannon Barbour ',
+ date: 'July. 20',
+ title: 'Composability is Decomposing',
+ content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi eget purus et lacus sollicitudin pharetra. Praesent placerat tempus metus, vehicula aliquet metus. Mauris non mattis nunc. Etiam ac dolor neque. Praesent dapibus ante id urna tempus vulputate. Fusce eu ultricies lorem, ac convallis mi. Aenean placerat faucibus nisi vitae dignissim. Phasellus finibus aliquet odio, vitae tristique neque sodales eget..'
+ },
+ {
+ id: 8,
+ img: '/images/searchResult/article_6.jpg',
+ author: ' Jeff Stump and Shannon Barbour ',
+ date: 'July. 20',
+ title: 'Crypto Visions (1997-2022)',
+ content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi eget purus et lacus sollicitudin pharetra. Praesent placerat tempus metus, vehicula aliquet metus. Mauris non mattis nunc. Etiam ac dolor neque. Praesent dapibus ante id urna tempus vulputate. Fusce eu ultricies lorem, ac convallis mi. Aenean placerat faucibus nisi vitae dignissim. Phasellus finibus aliquet odio, vitae tristique neque sodales eget..'
+ },
+ {
+ id: 9,
+ img: '/images/searchResult/article_7.jpg',
+ author: ' Jeff Stump and Shannon Barbour ',
+ date: 'July. 20',
+ title: 'Redefine NFT (Music, 4th-Dimension, Privacy, Interaction)',
+ content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi eget purus et lacus sollicitudin pharetra. Praesent placerat tempus metus, vehicula aliquet metus. Mauris non mattis nunc. Etiam ac dolor neque. Praesent dapibus ante id urna tempus vulputate. Fusce eu ultricies lorem, ac convallis mi. Aenean placerat faucibus nisi vitae dignissim. Phasellus finibus aliquet odio, vitae tristique neque sodales eget..'
+ },
+ {
+ id: 10,
+ img: '/images/searchResult/article_7.jpg',
+ author: 'Joseph Bonneau',
+ date: 'Aug. 4',
+ title: 'Why blockchain performance is hard to measure',
+ content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi eget purus et lacus sollicitudin pharetra. Praesent placerat tempus metus, vehicula aliquet metus. Mauris non mattis nunc. Etiam ac dolor neque. Praesent dapibus ante id urna tempus vulputate. Fusce eu ultricies lorem, ac convallis mi. Aenean placerat faucibus nisi vitae dignissim. Phasellus finibus aliquet odio, vitae tristique neque sodales eget..'
+ },
+ {
+ id: 11,
+ img: '/images/searchResult/article_2.jpg',
+ author: 'Jonathan Lai',
+ date: 'Jul. 21',
+ title: 'Investing Ready Player Me',
+ content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi eget purus et lacus sollicitudin pharetra. Praesent placerat tempus metus, vehicula aliquet metus. Mauris non mattis nunc. Etiam ac dolor neque. Praesent dapibus ante id urna tempus vulputate. Fusce eu ultricies lorem, ac convallis mi. Aenean placerat faucibus nisi vitae dignissim. Phasellus finibus aliquet odio, vitae tristique neque sodales eget..'
+ },
+ {
+ id: 12,
+ img: '/images/searchResult/article_6.jpg',
+ author: 'Ben Horowitz and David Weiden',
+ date: 'July. 20',
+ title: 'Ben Horowitz on how the best leaders build',
+ content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi eget purus et lacus sollicitudin pharetra. Praesent placerat tempus metus, vehicula aliquet metus. Mauris non mattis nunc. Etiam ac dolor neque. Praesent dapibus ante id urna tempus vulputate. Fusce eu ultricies lorem, ac convallis mi. Aenean placerat faucibus nisi vitae dignissim. Phasellus finibus aliquet odio, vitae tristique neque sodales eget..'
+ },
+ {
+ id: 13,
+ img: '/images/searchResult/article_4.jpg',
+ author: ' Jeff Stump and Shannon Barbour ',
+ date: 'July. 20',
+ title: 'The strategic approach to building a board',
+ content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi eget purus et lacus sollicitudin pharetra. Praesent placerat tempus metus, vehicula aliquet metus. Mauris non mattis nunc. Etiam ac dolor neque. Praesent dapibus ante id urna tempus vulputate. Fusce eu ultricies lorem, ac convallis mi. Aenean placerat faucibus nisi vitae dignissim. Phasellus finibus aliquet odio, vitae tristique neque sodales eget..'
+ },
+ {
+ id: 14,
+ img: '/images/searchResult/article_3.jpg',
+ author: ' Jeff Stump and Shannon Barbour ',
+ date: 'July. 20',
+ title: 'Composability is Decomposing',
+ content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi eget purus et lacus sollicitudin pharetra. Praesent placerat tempus metus, vehicula aliquet metus. Mauris non mattis nunc. Etiam ac dolor neque. Praesent dapibus ante id urna tempus vulputate. Fusce eu ultricies lorem, ac convallis mi. Aenean placerat faucibus nisi vitae dignissim. Phasellus finibus aliquet odio, vitae tristique neque sodales eget..'
+ },
+ {
+ id: 15,
+ img: '/images/searchResult/article_6.jpg',
+ author: ' Jeff Stump and Shannon Barbour ',
+ date: 'July. 20',
+ title: 'Crypto Visions (1997-2022)',
+ content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi eget purus et lacus sollicitudin pharetra. Praesent placerat tempus metus, vehicula aliquet metus. Mauris non mattis nunc. Etiam ac dolor neque. Praesent dapibus ante id urna tempus vulputate. Fusce eu ultricies lorem, ac convallis mi. Aenean placerat faucibus nisi vitae dignissim. Phasellus finibus aliquet odio, vitae tristique neque sodales eget..'
+ },
+ {
+ id: 16,
+ img: '/images/searchResult/article_1.jpg',
+ author: ' Jeff Stump and Shannon Barbour ',
+ date: 'July. 20',
+ title: 'Redefine NFT (Music, 4th-Dimension, Privacy, Interaction)',
+ content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi eget purus et lacus sollicitudin pharetra. Praesent placerat tempus metus, vehicula aliquet metus. Mauris non mattis nunc. Etiam ac dolor neque. Praesent dapibus ante id urna tempus vulputate. Fusce eu ultricies lorem, ac convallis mi. Aenean placerat faucibus nisi vitae dignissim. Phasellus finibus aliquet odio, vitae tristique neque sodales eget..'
+ },
+ {
+ id: 17,
+ img: '/images/searchResult/article_2.jpg',
+ author: ' Jeff Stump and Shannon Barbour ',
+ date: 'July. 20',
+ title: 'Composability is Decomposing',
+ content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi eget purus et lacus sollicitudin pharetra. Praesent placerat tempus metus, vehicula aliquet metus. Mauris non mattis nunc. Etiam ac dolor neque. Praesent dapibus ante id urna tempus vulputate. Fusce eu ultricies lorem, ac convallis mi. Aenean placerat faucibus nisi vitae dignissim. Phasellus finibus aliquet odio, vitae tristique neque sodales eget..'
+ },
+ {
+ id: 18,
+ img: '/images/searchResult/article_3.jpg',
+ author: ' Jeff Stump and Shannon Barbour ',
+ date: 'July. 20',
+ title: 'Crypto Visions (1997-2022)',
+ content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi eget purus et lacus sollicitudin pharetra. Praesent placerat tempus metus, vehicula aliquet metus. Mauris non mattis nunc. Etiam ac dolor neque. Praesent dapibus ante id urna tempus vulputate. Fusce eu ultricies lorem, ac convallis mi. Aenean placerat faucibus nisi vitae dignissim. Phasellus finibus aliquet odio, vitae tristique neque sodales eget..'
+ },
+ {
+ id: 19,
+ img: '/images/searchResult/article_4.jpg',
+ author: ' Jeff Stump and Shannon Barbour ',
+ date: 'July. 20',
+ title: 'Redefine NFT (Music, 4th-Dimension, Privacy, Interaction)',
+ content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi eget purus et lacus sollicitudin pharetra. Praesent placerat tempus metus, vehicula aliquet metus. Mauris non mattis nunc. Etiam ac dolor neque. Praesent dapibus ante id urna tempus vulputate. Fusce eu ultricies lorem, ac convallis mi. Aenean placerat faucibus nisi vitae dignissim. Phasellus finibus aliquet odio, vitae tristique neque sodales eget..'
+ },
+]
\ No newline at end of file
diff --git a/src/assets/font-family/Cinzel/cinzel.woff.ttf b/src/assets/font-family/Cinzel/cinzel.woff.ttf
new file mode 100644
index 0000000..67bde31
Binary files /dev/null and b/src/assets/font-family/Cinzel/cinzel.woff.ttf differ
diff --git a/src/assets/font-family/Libre-Bodoni/libre-bodoni.ttf b/src/assets/font-family/Libre-Bodoni/libre-bodoni.ttf
new file mode 100644
index 0000000..e5f12e7
Binary files /dev/null and b/src/assets/font-family/Libre-Bodoni/libre-bodoni.ttf differ
diff --git a/src/assets/font-family/Raleway/Raleway-Regular-2.ttf b/src/assets/font-family/Raleway/Raleway-Regular-2.ttf
new file mode 100644
index 0000000..e570a2d
Binary files /dev/null and b/src/assets/font-family/Raleway/Raleway-Regular-2.ttf differ
diff --git a/src/assets/font-family/Raleway/Raleway-SemiBold.ttf b/src/assets/font-family/Raleway/Raleway-SemiBold.ttf
new file mode 100644
index 0000000..78f4321
Binary files /dev/null and b/src/assets/font-family/Raleway/Raleway-SemiBold.ttf differ
diff --git a/src/assets/next.svg b/src/assets/next.svg
new file mode 100644
index 0000000..8a08274
--- /dev/null
+++ b/src/assets/next.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/assets/prev.svg b/src/assets/prev.svg
new file mode 100644
index 0000000..1d78fd2
--- /dev/null
+++ b/src/assets/prev.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/components/ArticleCom.vue b/src/components/ArticleCom.vue
new file mode 100644
index 0000000..96e70ec
--- /dev/null
+++ b/src/components/ArticleCom.vue
@@ -0,0 +1,54 @@
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/BigTitleCom.vue b/src/components/BigTitleCom.vue
new file mode 100644
index 0000000..b3554c6
--- /dev/null
+++ b/src/components/BigTitleCom.vue
@@ -0,0 +1,74 @@
+
+